Other content on page disappears when I add RS shortcode

danna's Avatar

danna

13 Feb, 2018 11:05 PM

Hello Dmitry,
In all my years of using Royal Slider, I've never encountered a problem like this.
Using RS v3.3.5

This is the page where the slider will be embedded. it will replace the green static testimonial at the bottom of the page:
https://bossycolor.com/services/

This is the Royal Slider test page. When I add this shortcode to the page - [new_royalslider id="20"] - , the slider works fine, but all of the content above it flashes, and then disappears:
https://bossycolor.com/royal-slider-test/

I've seen other posts talk about adding some css... but would that work in this situation? and what element would I apply the css to?
-webkit-backface-visibility: hidden;

Thank you for your help.
Danna

  1. Support Staff 1 Posted by Dmitry Semenov on 14 Feb, 2018 06:42 AM

    Dmitry Semenov's Avatar

    Hello,

    Adding float should help, since elements before the slider have it, e.g.:

    .new-royalslider-20 {
      float: left;
    }
    

    As an alternative, display inline-block or using flexbox should also help.

  2. 2 Posted by danna on 14 Feb, 2018 02:57 PM

    danna's Avatar

    Thank you Dmitry,

    That worked perfectly!

    (but frankly I don't understand why)

    Cheers -

Reply to this discussion

Internal reply

Formatting help / Preview (switch to plain text) No formatting (switch to Markdown)

Attaching KB article:

»

Attached Files

You can attach files up to 10MB

If you don't have an account yet, we need to confirm you're human and not a machine trying to post spam.

Keyboard shortcuts

Generic

? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac