5 replies to this topic

[Scot Trisel]

We would like to make the tabber widget on our homepage to look like the anchor demo...

How can I change the color, text. etc to match this style?

http://communityactionleadershipacademy.org/

[Matt Danner]

Scot -

To edit the style of your Tabber, you will need to edit the CSS for the selected tabber theme. In the plugin files, you will go in to the Templates directory and find the css files for each of the 4 included themes.

There, you will find the css to change the colors and text properties.

-matt

[Sridhar Katakam]

Scot: Examine/copy http://demos.ithemesbuilder.com/anchor/wp-content/plugins/tabber-widget/templates/rounded-light.css

[Scot Trisel]

okay thanks....i tried it out and it decided not to use it...is there a way to change just one tab and leave the other alone? for instance I would like to change the background of the links tab and keep the news tab the way it is...

[Sridhar Katakam]

Yes.

http://communityactionleadershipacademy.org/wp-content/plugins/tabber-widget/templates/rounded-light.css has

.tabber-widget-rounded-light ul.tabber-widget-tabs a {
	display: block;
	padding: 6px 10px;
	text-decoration: none !important;
	margin: 1px;
	margin-left: 0;
	color: #FFF;
	[b]background: #444;[/b]
	-moz-border-radius: 5px 5px 0px 0px;
	-khtml-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;

}

Set your desired background color in the bolded line above.

[Scot Trisel]

and how to make to the un-clicked tab the lighter shade of blue?...also would like to make the links tab blue throughout with white text and make the background of the news tab white rather than the light pink it appears to be now...

http://communityactionleadershipacademy.org/