Styling Specific Tabs

Hi Laura, thanks for getting back to me. I am not sure what you mean by “list me each change you want to do”. I want to style both sets of tabs on this page. http://new.digitalbazaar.com/

I’d like to change the color of the tab(the background and the text), when its clicked and when its not clicked, as well as the height of the tabs.

Thanks

I would like to control the border color and thickness as well.

Thanks for this! I tried activating the Child theme before and it messed up the site, undid some settings. Any suggestions on how to switch to the child theme without these unintended consequences? Can you have the child and parent theme activated at the same time?

This is really the last thing I need for this site to be complete, thanks again for your help.

Also, what is the point of having the Main Kleo theme if I am using the child theme?

The style.css is not writable either, so I can’t make any of these changes. How do I make style.css writable?

Thanks

okay, thanks for that. I got it to be editable but the CSS is not really working. When you land on the page the “active” tab has a white background. When you click on the tab it turns the color I want but then if you click anywhere else on the page it goes back to white. I want transparent inactive tabs and colored active tabs that stay that color even if you click on a non-tab area of the page.

Here is the css I am using that you provided that I thought would work.

.kleo-tabs.tabbable li {
background-color: transparent;
}
.kleo-tabs.tabbable li a:focus {
background-color: #026d63 !important;
color: white;
}

Also, apparently the css does not work for the “line” rather than “square” style of tabs. Is there different css for the line tabs?

the site URL, http://new.digitalbazaar.com/

Thank you.

Hi Laura. No, it seems to be doing the same thing as before. The tab that is showing is not green when you land on the page and when you click anywhere on the page the green tab turns white even though that tab is still open. It might be with how an “active tab” is defined in the tabs module. The green should not disappear with any click, only a click on another tab in the same tab module. Seems like a bug to me, not just my preference.

Any ideas of what else to try?

Its still happening for me after I cleared the cache and when I tried in it a browser I don’t usually use. Its looks like its happening for you too–your second image has “Application Platform” selected but the tab is not green. That must be because you clicked somewhere else on the page before you did the screen capture, which should not change the color of the “active” tab.

That is really disappointing. As far as I am concerned its a bug with the theme that should be fixed. However, the line version of the tabs does not seem to have this same bug. How can I style the line version of the tabs? If you go to my site in the “About” section there are tabs. I want to change the active tab text color to another color.

Thanks