Pro > Theme Options > Integrity > Design Custom Colors?

[dustinzero]

Hey!

I’m wanting to choose my own colours for the Pro > Theme Options > Integrity > Design ( light or dark ) options if it’s possible?

I found a css code on someone else’s post to just change the background, but i would like to change the text and backgrounds in my tabs as well.

I hope this makes sense, lol
I will try and attach an image to explain

Thank you to whoever can help

[friech]

Hi @dustinzero,

Thank you for writing in, but regretfully the Integrity stack only offers dark and light design. Those yellow highlights that you’re seeing are the different accents of the site, most are set on Theme Options. See the Site Links and Site Links Hover hover color under Typography and the Navbar Links color under Header among other things.

But if you need custom CSS, you can find the proper CSS code selector using the Chrome browser Developer Toolbar. For the CSS code itself, I suggest that you get started with this tutorial.

Hope it helps,
Cheers!

[dustinzero]

Thanks for the reply

I was more so talking about the different grey texts where the red arrows are pointing and the background area they are placed in. And if there is any possible css coding that would let me change the color, if that makes sense?

[ruenel]

Hello @dustinzero,

To change the text color of the tab nav items, please use this custom css in X > Theme Options > Custom CSS:

.x-nav-tabs>.active>a{
    color: green;
}

.x-nav-tabs>.active:hover>a {
    color: yellow;
}

.x-nav-tabs>li>a {
    color: blue;
}

.x-nav-tabs>li>a:hover {
    color: yellow;
}

We love to know if works out for you.