7 replies to this topic

[azaliagirl]

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

[Gerroald]

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

[azaliagirl]

Here is the URL http://discussionlistservices.com

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

[Gerroald]

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

[azaliagirl]

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.

[Gerroald]

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

[azaliagirl]

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

[Gerroald]

Hey Patricia,

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

Thanks,

Gerroald