Jump to content


Welcome to the forum:

Welcome to the iThemes, PluginBuddy and WebDesign.com forum. We've created several tutorial video's to help you get you started with using the forum, please check them out!

Also take note of the forum guidelines.


Support hours:

Our moderators actively respond to forum support requests during normal business hours which are Monday-Friday, 8am - 5pm Central Standard Time, typically within one business day. Although some moderators choose to work during the weekends, we can not guarantee immediate attention to your requests. Thanks for understanding.

What is included with support:

Premium support includes theme/plugin issues such as: bugs encountered under normal operation, how to use basic features, basic WordPress help, and basic help with customization (meaning we point you to resources and will help in more depth as time allows). More information.

Tabber in Anchor


This topic has been archived. This means that you cannot reply to this topic.
5 replies to this topic

#1 Scot Trisel

Scot Trisel

    Advanced Member

  • Members
  • PipPipPip
  • 34 posts

Posted 19 May 2010 - 01:54 PM

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/

#2 Matt Danner

Matt Danner

    Forum Admin

  • Administrators
  • Others: All Themes
  • 273 posts

Posted 20 May 2010 - 10:29 AM

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
Chief Operating Officer | Danger | Utility Player

#3 sridhar

sridhar

    Advanced Member

  • Members
  • Others: BackupBuddy
  • 22,262 posts

Posted 20 May 2010 - 12:40 PM

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

#4 Scot Trisel

Scot Trisel

    Advanced Member

  • Members
  • PipPipPip
  • 34 posts

Posted 24 May 2010 - 08:13 AM

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...

#5 sridhar

sridhar

    Advanced Member

  • Members
  • Others: BackupBuddy
  • 22,262 posts

Posted 24 May 2010 - 08:23 AM

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.



#6 Scot Trisel

Scot Trisel

    Advanced Member

  • Members
  • PipPipPip
  • 34 posts

Posted 25 May 2010 - 07:00 AM

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/