Best Practice Styling the Responsive Slider

[Rusty]

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

[John]

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 😉

[Rusty]

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

[John]

You're welcome!

---

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

[lapuntarealty]

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

[John]

lapuntarealty, You're welcome!

---

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

[Author]

Posts