Quintus - CSS Tag for Sidebar Widget Titles

Need help? Check out our Support site, then

hamiltonian87
Member
Sep 18, 2011, 12:38 AM

Can someone tell me which code in this theme's CSS is responsible for the sidebar widget titles? I've looked and looked and I can't tell which setting I need to change...

Know that your help is very much appreciated! :-)

The blog I need help with is sageintrinity.wordpress.com.

devblog
Member
Sep 18, 2011, 1:13 AM

#secondary h1 {
...
YOUR_RULES_HERE
...
}

designsimply
Staff
Sep 18, 2011, 10:09 PM
In the Quintus theme, the widget title styles are set using this CSS:
```
.widget .widget-title {
	border-bottom: 1px solid #e7d9b9;
	color: #554b34;
	display: inline-block;
	font-size: 14px;
	font-weight: 400;
	padding: 4px;
}
```
There's also rule a little higher up that sets the font:
```
.widget .widget-title, .blog-footer, .entry-content label {
	font-family: Lato, sans-serif;
}
```
Source: https://s-ssl.wordpress.com/wp-content/themes/pub/quintus/style.css?m=1315816683g&minify=false

Using the "#secondary h1" selector that devblog mentioned will also work to adjust those titles.

If you ever want to find out which selector an area is using, you can use the right-click → Inspect Element option in Chrome or Safari and it will show you the HTML and CSS being used for whatever you clicked on. The Firebug add-on for Firefox also has the right-click → Inspect Element option. It's pretty nifty if you want to check it out!
hamiltonian87
Member
Sep 23, 2011, 10:25 AM

Thanks for the info. Those suggestions worked!

I also have had Firebug loaded (though rarely to never used) for quite some time. Thanks for helping me better understand what I can do with it!

Topic Closed

This topic has been closed to new replies.