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.

Support during Holidays:

During the Holidays (Dec. 22 - Jan. 2) our support staff will spend well-deserved time with their families and loved ones.

We can not guarantee the same level of support that you are used to.

Moderators will check in on the support forum, but response times may be longer than expected.


Your iThemes support team wishes you happy holidays!

Different tab colors for Tabber Widgets on different pages


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

#1 elucia

elucia

    Advanced Member

  • Members
  • Others: All Plugins, Builder
  • PipPipPip
  • 563 posts

Posted 21 April 2011 - 06:53 AM

Hi

I'm using Tabber Widget on two different Pages. I'd like the Tab font color and content to be different on each Page.

I am using Americana/Mojave theme, and there are 2 Widget Bar options in the Layout Manager: one is the Default, and one has a Dark Background. So, I need the font color of the Tabs the Tabber Widget that is on the Dark Background to be different from the Default Widget Background tabber widgets.

Not sure how to do that in the Tabber Widget CSS.

Here is the default Widget Bar with Tabber Widget, which I do not want to change: http://wordpressbygirlfriday.com/hcdg/our-dentists

Here is the Dark Background Widget Bar with the Tabber Widget, and I need to change the Tab font color for any Tabber Widgets that are in a Dark Background Widget Bar: http://wordpressbygirlfriday.com/hcdg/our-services

thanks very much!
Elaine

#2 sridhar

sridhar

    Advanced Member

  • Members
  • Others: BackupBuddy
  • 22,262 posts

Posted 21 April 2011 - 08:35 AM

For the active tab or inactive tab?

Are you sure widget bars at http://wordpressbygirlfriday.com/hcdg/our-services have a custom module style set?

I don't see the Dark background style's class (widget-bar-dark-outer-wrapper) applied for the module's wrapper.

#3 elucia

elucia

    Advanced Member

  • Members
  • Others: All Plugins, Builder
  • PipPipPip
  • 563 posts

Posted 21 April 2011 - 09:02 AM

you are correct, Sridhar! I pasted the wrong link to the wrong background in my post above...so sorry!

The "Our Services" page is using the Default widget background style. <a  href="http://wordpressbygirlfriday.com/hcdg/our-services" rel="nofollow" target="_blank">http://wordpressbygirlfriday.com/hcdg/our-services</a>

If I change the css style for the Tabber Widget font colore on the DEFAULT widget background style, it will change it for ALL widget backgrounds including the Dark widget background style.

The page using the Dark widget background is the way I want it to look: <a  href="http://wordpressbygirlfriday.com/hcdg/our-dentists" rel="nofollow" target="_blank">http://wordpressbygirlfriday.com/hcdg/our-dentists</a>

I'm just not quite sure how to do it in the Tabber Widget's css file...

thanks!!

Elaine

#4 sridhar

sridhar

    Advanced Member

  • Members
  • Others: BackupBuddy
  • 22,262 posts

Posted 21 April 2011 - 11:47 AM

Add the following at the end of child theme's style.css:

.widget-bar-dark-outer-wrapper .tabber-widget-rounded-light ul.tabber-widget-tabs a.selected, .tabber-widget-rounded-light ul.tabber-widget-tabs a.selected:hover {
color: #696035;
font-weight: bold;
}

.widget-bar-dark-outer-wrapper .tabber-widget-rounded-light ul.tabber-widget-tabs a {
color: #e8d26f;
}


#5 elucia

elucia

    Advanced Member

  • Members
  • Others: All Plugins, Builder
  • PipPipPip
  • 563 posts

Posted 21 April 2011 - 12:40 PM

Thank you, Sridhar, once again you save the day!!

:)

Elaine