Request: News Pro Theme, CSS for editing Genesis Tabs color

[Ron Jones]

I'm using the News Pro theme, and the Genesis Tabs widget (per the instructions at: http://my.studiopress.com/setup/news-theme/ )

What I would like to do is change the color of the tabs from their current Black/Red/White (Link/Active/Hover) colors, to custom colors.

I'm having a hard time locating the proper css selector. I'm pretty sure it's not in genesis-tabs/style.css, because the colors don't match.

Any suggestions?

http://tnfollies.com/

[Susan]

Look in your stylesheet here:

.home-top .ui-tabs ul.ui-tabs-nav li a {
	background-color: #000;
	color: #fff;
	display: inline-block;
}

.home-top .ui-tabs ul.ui-tabs-nav li.ui-tabs-active a {
	background-color: #ff0000;
}

.home-top .ui-tabs ul.ui-tabs-nav li.ui-tabs-active a:hover {
	background-color: #fff;
}

#ff000 is the red; #fff is white, and #000 is black.

[Ron Jones]

Thanks Susan!
I've been going cross-eyed looking in the plugin's stylesheet.

Finally 🙂

[Susan]

You are welcome! I will close this topic as "resolved" - go ahead and start another thread if you have another question.

[Author]

Posts