How to style multiple slider navigation separately

Jed's Avatar


23 Oct, 2012 06:00 AM

I have two sliders on the same page, and would like to style the navigation differently for each.

How do I change the CSS without changing both?

Should I create a duplicate of the CSS file (royalslider/minimal-white/rs-minimal-white.css)? And if I do that how do I tell just that slider to look for that CSS file?

Or is there a better way?


  1. Support Staff 1 Posted by Dmitry Semenov on 23 Oct, 2012 03:41 PM

    Dmitry Semenov's Avatar

    Just add id or class to each slider. e.g.

    .slider1 .button {
        color: red;
    .slider2 .button {
        color: green;


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