Best Practice Styling the Responsive Slider

Community Forums Forums Design Tips and Tricks Best Practice Styling the Responsive Slider

This topic is: not resolved

Tagged: ,

This topic contains 5 replies, has 3 voices, and was last updated by  John 1 year, 8 months ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #5013

    Rusty
    Participant
    Post count: 8

    Hi this is a CSS noob question (I did search a bit).

    What is the best practices for styling the Genesis Responsive slider without actually editing the style.css in the plugin directory itself?   (I know this is basic CSS stuff), but I’m not getting the results what I want  :) ?

    For example, I want to override the 10px grey border found in genesis-responsive-slider/style.css  below (again without modifying the style.css that comes with the plugin:

    #genesis-responsive-slider {
        ....
        border: 10px solid #eee;  <- override in theme style.css (or an additional .css)
        ...
    }

    Thanks!!

     


    Rusty Eddy

    #5020

    John
    Participant
    Post count: 157

    Rusty,

    Editing the style.css file in your child theme directory is what you’re looking for, normally placing the update at the bottom (end) of that file. If you make a change and it doesn’t seem to stick, add !important to it, like so:

    #genesis-responsive-slider {
    border: none !important;
    }


    John Sundberg | blackhillswebworks.com
    A WordPress developer’s toolbox: Firebug | WordPress Codex | Google ;)

    #5105

    Rusty
    Participant
    Post count: 8

    Thanks John!!

    It was the ‘!important’, that did the trick.

    Now I know why I have seen ‘!important’ around.   I just did a little extra research, I have a much better understanding of selectors, inheritance and specificity!

    Thanks a ton!


    Rusty Eddy

    #5137

    John
    Participant
    Post count: 157

    You’re welcome!


    John Sundberg | blackhillswebworks.com
    A WordPress developer’s toolbox: Firebug | WordPress Codex | Google ;)

    #5707

    lapuntarealty
    Participant
    Post count: 3

    John, you’re super helpful!!
    Thanks for the support!

    #5732

    John
    Participant
    Post count: 157

    lapuntarealty, You’re welcome!


    John Sundberg | blackhillswebworks.com
    A WordPress developer’s toolbox: Firebug | WordPress Codex | Google ;)

Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘Best Practice Styling the Responsive Slider’ is closed to new replies.