Roayl slider and divi theme

robertogeri87's Avatar


08 Dec, 2017 01:49 PM

How can i put in the RoyalSlider in the divi theme as fullwidth?

Which settings can i use to ricreate the slider as on this website below

  1. Support Staff 1 Posted by Dmitry Semenov on 08 Dec, 2017 04:41 PM

    Dmitry Semenov's Avatar


    You can embed slider anywhere via shortcode, widget or PHP function. For latter two - make sure that files are included on RoyalSlider Settings page.

    To create slider with visible nearby slides - choose its template in general options of slider, or use technique like

  2. 2 Posted by robertogeri87 on 11 Dec, 2017 06:57 PM

    robertogeri87's Avatar

    Thanks for the reply!
     would like to know if there is a way to set a maximum height for the slider as in

    I would like to see my slider working like in daniele's website

    you can help me please


  3. Support Staff 3 Posted by Dmitry Semenov on 11 Dec, 2017 10:01 PM

    Dmitry Semenov's Avatar

    On how to control size of viewport, please refer to

    Slider on the page that you linked has style: .royalSlider { max-width:1000px; }.

  4. 4 Posted by robertogeri87 on 12 Dec, 2017 12:13 AM

    robertogeri87's Avatar

    I tried with .royalSlider {max-width: 1000px; } but it does not work. the slider should be fullwidth.
    In the slider is fullwidth but with a maximum height.
    I think the css class is this:

    .royal-gallery .main-slideshow.visible-nearby.rsDefault {
        max-width: 100%;}

    but in my slider this css class is not there.
    There are no other css classes
    fluid_container flo-gallery royal-gallery

    Maybe I set something bad.
    My site is
    Could you tell me what's wrong?
    I include a screeshoot.
    Sorry for my english ... bad ...
    Thanks so much.

  5. Support Staff 5 Posted by Dmitry Semenov on 12 Dec, 2017 06:47 AM

    Dmitry Semenov's Avatar

    The slider on the page that you linked doesn't use nearby slides option, it uses this technique (so the center slide remains 1000px).

  6. 6 Posted by robertogeri87 on 12 Dec, 2017 04:53 PM

    robertogeri87's Avatar

    Thank you so much.
    Now the slider works almost completely
    I need to know how make the slider work correctly on mobile phones
    Which element should I apply to get only one slide
    On mobile phones And tablets, always fullwidth!
    Thank you so much!
    IF I have to pay anything for your Help, let me know

  7. Support Staff 7 Posted by Dmitry Semenov on 12 Dec, 2017 05:25 PM

    Dmitry Semenov's Avatar

    You currently have width:1000px style on slider, but you're probably looking for width:100%;max-width:1000px;

  8. 8 Posted by robertogeri87 on 12 Dec, 2017 05:37 PM

    robertogeri87's Avatar

    Excuse me but you could tell me the css classes.
    I have now entered 100% width in the settings panel.
    See screnshoot please.
    Max-width 1000px ... where should you enter? .royalSlider?

  9. 9 Posted by robertogeri87 on 12 Dec, 2017 06:44 PM

    robertogeri87's Avatar

    I solved my problem
    Thank you so much
    Now the slider works completely!!!!
    You are an important support!!!
    Thank you so much.
    Thank you so much.
    Thank you so much.
    Thank you so much.

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


? 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