Jetpack CSS

[designbytracy]

This is probably a basic CSS tutorial, but I'm having trouble targeting the CSS selectors that I need to add to my style.css to change the styling of my jetpack carousel. I use firebug and I can edit inside firebug the border-radius and margin-bottom that I want to change, but I don't want to change the Jetpack CSS file and want to add the rules to my theme style.css, but can't seem to figure out what the selectors are that I should use. Can anyone help? I've included a screenshot of the code that I'm finding with firebug.

This is the code that I want to change to:

.slideshow-window {
border-radius: none;
margin-bottom: 40px;
}

---

Tracy

Design by Tracy | Twitter | Facebook | LinkedIn

http://www.designbytracy.com/dev/tortediveneziaA/gallery/

[AnitaC]

If that's the code you want to change, just add that to your style.css file. If it doesn't change add !important to it.

---

Need help with customization or troubleshooting? Reach out to me.

[designbytracy]

I know that and understand to add !important. I know the rules that I want to add, but I can't figure out how to pinpoint the exact selectors (ID and CLASS) that I need to add to my style.css. This is coming from the jetpack CSS and I don't want to edit that file in case of future updates.

---

Tracy

Design by Tracy | Twitter | Facebook | LinkedIn

[designbytracy]

I figured it out.

#content .entry-content .slideshow-window

I came up with this after numerous trial and errors. I understand CSS enough to edit what is there, but always have a hard time figuring how to target the selectors when they are pulling defaults or something from other places than the style.css.

---

Tracy

Design by Tracy | Twitter | Facebook | LinkedIn

[Author]

Posts