Generate Pro – .sidebar widget-title tweak for only Latest Tweets widget

[Adam Lee Rosenfeld]

Hi, I just built a site using the Generate Pro theme. I would like to change the color of the widget title in the sidebar solely for one widget, the Genesis Latest Tweets widget - all other widgets I want to remain as they are. I made the necessary changes to ".sidebar .widget-title" in my functions.php file, but this effected all the sidebar widgets, and I want to change only the Genesis Latest Tweets widget. Any pointers? Thanks

[Brad Dalton]

Use Firebug to find the right class for the widget

I think its been removed from Genesis now.

---

Tutorials for StudioPress Themes.

[Adam Lee Rosenfeld]

Hi - thanks for getting in touch. I found the class - "widget latest-tweets" - but it does not appear in my functions.php file. How do I add this to my functions.php file and then tweak its colors? Or do I need to edit something else - like the css of the plugin itself?

[Brad Dalton]

Not your functions file please!

style.css file

Something like:

.latest-tweets .widget-title {
    color: red;
}

Need a link to your site to inspect with Firebug.

---

Tutorials for StudioPress Themes.

[DTHkelly]

You could also use Widget CSS Classes plugin

Brad's tutorial:

Styling The Same Widgets Differently

[Adam Lee Rosenfeld]

Thanks so much, problem solved and I am now more educated!

Site is live, thanks guys: http://waynehilsden.com/

[Brad Dalton]

Looks good. Here's the CSS for anyone else wanting to do the same:

.latest-tweets .widget-title {
    color: white;
    border-left-color: #eb232f;
    background-color: #eb232f;
    border-left: 0px solid;
}

You could also use this:

.sidebar-primary .latest-tweets .widget-title {
	background-color: #eb232f;
	/* border-left: 6px solid #dbdbdb; */
	margin-left: -40px;
	padding: 20px 40px 20px 34px;
}

This will only change the latest tweets widget in the primary sidebar and not in any other sidebars plus we've commented out the border so you can see what the original style is.

And leave the CSS before the Media Queries or the original position in the style sheet which is better than at the very end of the file.

---

Tutorials for StudioPress Themes.

[Author]

Posts