Docs

[[email protected]]

Hello everyone,

I could use some help. I’m new to wordpress and have been building my site for some time now, I’d really like to get it finished sometime soon. I’ve been trying to change the text color for the longest without any success. Here is a screenshot of the text. http://prntscr.com/drady4 As you can see the grey is a little hard to read. I’d prefer a darker color. I purchased the x theme and have tried editing it through cornerstone and through the wordpress appearence tab but I don’t see an option that allows me to change the text color. If anyone could point me to the right direction I would greatly appreciate it a lot. Here is the link to my site http://www.ahealthyvitamindrink.com

Thank you,
Jim

[Nico]

Hi There,

Thanks.

To change the text color of your tab, add this it in your Customizer > Custom > CSS:

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

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

Change the html color to achieve the color you want.

Let us know how it goes.

Thanks.

[[email protected]]

HI Nico,

Thank you for your reply. I will be giving it a shot this evening.

Thank you!

[Darshana]

Sure, let us know if you need anything else.

Thanks!

[[email protected]]

Hi Nico and Darshana,

The code seems to work! I have one more question. What code can I add to make the selected list appear a different color or appear in bold? For example, when I select ‘Daily Multiple Plus’ the text appears a lighter color than the other twp options. I’d prefer if the color remained the same and text appeared bold when the list is selected. Here are some screenshots so you can get an idea of what I’m talking about: http://prntscr.com/drme7i http://prntscr.com/drmehz

Thanks again.

[Rupok]

Hi there,

Thanks for writing back with screenshot. You can set color and font-weight both. Let’s add this :

.x-nav-tabs-item.active > a {
  color: red;
  font-weight: bold;
}

Cheers!

[[email protected]]

Hi Rupok,

Thank you for your reply. I added your code and font-weight works but color does not. The color is still the same. Any idea what could be going on?

Thanks!

[Joao]

Hi There,

Please try instead:

.x-nav-tabs-item.active > a {
  color: red !important;
  font-weight: bold;
}

Hope it helps

Joao

[[email protected]]

Hi Joao,

Thank you so much. You guys are awesome! 🙂

Cheers!

[Christopher]

You’re welcome.

[Author]

Posts