Jump to content


Better, More Convenient, Private Support for Your iThemes Products Is Here.


We're moving support away from the forum and in to private tickets - Log In to Get Support Here


Note: any currently open support threads in the community forum will stay open while we resolve them.

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: 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
  • 4,481 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: 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
  • 4,481 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: 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
  • 4,481 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: 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
  • 4,481 posts

Posted 27 August 2012 - 10:41 AM

Hey Patricia,

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

Thanks,

Gerroald




Better, More Convenient, Private Support for Your iThemes Products Is Here.


We're moving support away from the forum and in to private tickets - Log In to Get Support Here


Note: any currently open support threads in the community forum will stay open while we resolve them.