digitalbazaar

[digitalbazaar]

.panel-heading a.accordion-toggle {
color: red !important;
font-family: monospace;
}

The above does what I want, mostly. How do I change the font size and make the font bold?

Thanks.

[digitalbazaar]

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

[digitalbazaar]

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.

[digitalbazaar]

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?

[digitalbazaar]

This reply has been set as private.

[digitalbazaar]

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.

[digitalbazaar]

And how do I change the font type?

[digitalbazaar]

Worked great,thanks. How do I make the font bold?

[digitalbazaar]

Thanks a lot for such a quick reply. Unfortunately the style.css is not writable, so I can’t make any of these changes. How do I make style.css writable?

Thanks

[digitalbazaar]

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

Thanks

[digitalbazaar]

I was also asking how to stlye different sets of tab differently. Won’t adding this CSS to the style sheet style all the tabs not just a specific set of tabs?

[digitalbazaar]

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

[digitalbazaar]

I exported the options and tried to import them into the child theme but I don’t see how to import the file. It says “input file here” but I can’t figure out how to input that file. I tried dragging and dropping, copy/pasting, but neither of those work.

Please help.

[digitalbazaar]

This reply has been set as private.

[digitalbazaar]

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.

[digitalbazaar]

Perfect, thanks.

[digitalbazaar]

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

[digitalbazaar]

It would be great to be able to make tab backgrounds transparent as well, is this possible?

[digitalbazaar]

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

[digitalbazaar]

Thanks for the tip, another plugin was interfering with the toggle and accordion, the Easy Scroll Plugin that is allowing me to have smooth scrolling to anchors in the page from a menu item. If you have any leads on how to create page anchors without interfering with the accordion or toggle function I would appreciate it.

[digitalbazaar]

We just installed the theme a few days ago as well as the plugins. The plugins seem to be up to date.

[digitalbazaar]

I tried creating the accordion but it won’t open to show the other text. Both accordian and toggle seem really buggy and just don’t work.

Read more will be great when it happens.

Thanks.

[Author]

Posts