Changing one text widget, but not all of them?

speedyboxer · Member · Jan 26, 2015 at 2:48 am
Copy link

Add topic to favorites
Hi – I want to change one of the text widgets on one of my pages in my first sidebar in the Gridiculous Pro theme, but I don’t want to change every widget on every page. How do I use CCS to isolate just the one widget?

Thanks!

The blog I need help with is: (visible only to logged in users)
staff-happychia · Staff · Jan 26, 2015 at 4:51 am
Copy link
If you mean to change the style of Studio Schedule widget, then its CSS ID is text-8 so you can use
```
#text-8 {
//add style rules here
}
```
How do you wish to style it?
speedyboxer · Member · Jan 26, 2015 at 5:43 am
Copy link
Thank you! The one I’m looking at is actually the “Web-Only Special”. I can figure out the code to change the background and the text color, but how do I figure out what the CSS ID of the individual widgets are?

thanks
staff-happychia · Staff · Jan 26, 2015 at 6:10 am
Copy link
Here are the selectors for

heading:
```
#text-28 h3 {
    color: green;
    background-color: yellow;
}
```
text:
```
#text-28 .textwidget {
    color: green;
    background-color: yellow;
}
```
The colors are not important. Change them to your preference.

The following support documents teach you how to find the selectors:
1. How to Find Your Theme’s CSS
2. An Intro to CSS: Finding CSS Selectors

No items found.