Changing the background color for specific tabs

[Jansing]

I’m trying to change the background color for the “button” of specific tabs on my site.
I have tried giving them a specific class and target that with CSS and it has not helped.

Do you have any pointers on what to do to make this work?

Thanks!

[prakash_s]

Hello @Jansing,

Thanks for writing in!

I checked your given page URL it seems that you have not added the class there on the button. It seems that you have added the ID on the button. In case if you added a class for example class name is the “.tab-yellow”. you can use this CSS under X/Pro —>Theme Option -->CSS.

button.tab-yellow {
background: #000000 !important;
}

For now, you have added ID on the button so you can use this CSS

button#tab-yellow {
background: #000000 !important;
}

Please remember that if you want to add an ID to the button you need to add unique ID to each button otherwise you can add the class that can be repeated.

Please feel free to change the color code as per your design. Please remember the given code only work if the class name OR ID is the same in case if you change it you need to change it in the CSS selector as well.

The purpose of providing the custom CSS to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector.

Hope it helps.
Thanks

[Jansing]

Thank you!
This solves my issue.

[marc_a]

Hi @Jansing,

You’re welcome and it’s our pleasure to help you! If you have any other concerns or clarifications regarding our theme features, feel free to open up a new thread.

Thank you.