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.

resolved

Link Hover In Content For Tabber Widget

in progress tabber widget css link hoover style

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

#1 azaliagirl

azaliagirl

    Member

  • Members
  • Others: All Themes, Toolkit, Sync
  • PipPip
  • 11 posts

Posted 23 August 2012 - 07:33 AM

I using the Tabber widget with the child Kelper theme. What I'm trying to do is have the titles in the tabs one color and a link in my content in another color. Then when you hover the link in the content it will change color.

From looking at the CSS I'm finding that the title and main link color is connected in the Tabber CSS.

To display my content in the tabber widget I'm using a Widget Content box.

I have gone through the Kelper CSS and the Tabber Widget CSS and I'm not finding the style code that will give me the results  I'm trying to achieve. How can I get this to work?
Thanks

#2 Gerroald

Gerroald

    iThemes Support

  • Moderators
  • Others: All Plugins, All Themes, Toolkit, Webdesign
  • 3,740 posts

Posted 23 August 2012 - 03:50 PM

Hey Patricia,

I'd like to look into this for you. Would you please provide a URL so we can take a peek?

Thanks,

Gerroald

#3 azaliagirl

azaliagirl

    Member

  • Members
  • Others: All Themes, Toolkit, Sync
  • PipPip
  • 11 posts

Posted 24 August 2012 - 07:56 AM

Here is the URL http://discussionlistservices.com

The Tabber plug-in is being used in the right sidebar.

#4 Gerroald

Gerroald

    iThemes Support

  • Moderators
  • Others: All Plugins, All Themes, Toolkit, Webdesign
  • 3,740 posts

Posted 24 August 2012 - 02:02 PM

Hey Patricia,

Try adding the code below to the bottom of you themes style.css (Appearance>Editor). Change the colors to suit yourself!

Top Titles
.tabber-widget-tabs a {
color: blue !important;
}

Inner Titles
.tabber-widget-content a{
color: red !important;
}

Hover Inner Titles
.tabber-widget-content a:hover{
color: green !important;
}

The Content
.tabber-widget-content{
color: orange !important;
}

Please let us know if this helps!

Thanks,

Gerroald

#5 azaliagirl

azaliagirl

    Member

  • Members
  • Others: All Themes, Toolkit, Sync
  • PipPip
  • 11 posts

Posted 24 August 2012 - 03:21 PM

Hi Gerroald,

I put the style code into my Kepler: Stylesheet (style.css) it did not do anything.

I then tried putting that code into the tabber-widget/templates/rounded-dark.css and it did allow me to change the "Title Name" color on the tabs.

The hyperlinks in my content did not do anything and still do not change color when I hover over them.

#6 Gerroald

Gerroald

    iThemes Support

  • Moderators
  • Others: All Plugins, All Themes, Toolkit, Webdesign
  • 3,740 posts

Posted 24 August 2012 - 04:11 PM

Hey Patricia,

My apologies, there was a typo on my part. Please try it again with the above and now revised code then let me know how it goes!

Please let me know if this helps, or if you have any other questions!

Thanks,

Gerroald

#7 azaliagirl

azaliagirl

    Member

  • Members
  • Others: All Themes, Toolkit, Sync
  • PipPip
  • 11 posts

Posted 27 August 2012 - 09:42 AM

Thank you, the links in my content in the Tabber widger now have the hover effect I was needing.

#8 Gerroald

Gerroald

    iThemes Support

  • Moderators
  • Others: All Plugins, All Themes, Toolkit, Webdesign
  • 3,740 posts

Posted 27 August 2012 - 10:41 AM

Hey Patricia,

My pleasure! Please let us know if you have any other questions.

Thanks,

Gerroald