[CousettMember]

Glad we were able to help. 🙂 Have a nice day.

[Paul MParticipant]

I have tried adding this code to my customizer and I am getting no results at all. In fact, everything just stays the same. I want to be able to control the background color and text color of the tabs in all states (hover, etc.) but when I add the following css, nothing happens at all.

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

.x-nav-tabs > li > a:hover, .x-nav-tabs > .active > a, .x-nav-tabs > .active > a:hover {
color: white;
background: blue;
}

The tabs are at the bottom of the following page:
http://afcaweekly.com/media-guide/

Any guidance you can provide would be excellent.

[Paul RModerator]

Hi Paul,

You need to put that code in Appearance -> Customize -> Custom -> CSS

Right now the codes are not in there.

If it still doesn’t work after you put it in, would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password
– FTP credentials

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

[Paul MParticipant]

This reply has been marked as private.

[Nabeel AModerator]

Hey paul,

can you try this instead:

#x-content-band-7 .x-nav-tabs>li>a {
color: brown !important;
background-color: yellow !important;
}

#x-content-band-7 .x-nav-tabs > li > a:hover, #x-content-band-7 .x-nav-tabs > .active > a, #x-content-band-7 .x-nav-tabs > .active > a:hover {
color: white !important;
background: blue !important;
}

When you set a reply as a private reply no one can see the post other than you and our support. So don’t worry about the login credentials. Let us know if the above code works!

[Paul MParticipant]

Thanks for letting me know on the private replies. I have saved the code in the customizer and it does not seem to be working either.

[Nabeel AModerator]

Hi again,

Try adding the code via child-theme instead, if you’r not using a child theme then follow this article http://theme.co/x/member/kb/how-to-setup-child-themes/ to setup child theme and add the following code:

.x-nav-tabs>li>a {
background-color: green !important;
}
.x-nav-tabs>.active>a, .x-nav-tabs>.active>a:hover {
color: red !important;
background-color: orange !important;
}

Let us know how this goes!

[Author]

Posts