Docs

[armintz]

I’m using the following code to change the colors of links that I have added to the topbar:

/* TOP BAR LINK COLORS */
.x-topbar a {
  color: #283c72 !important; 
}

.x-topbar a:hover {
  color: #283c72 !important; 
}

It works fine, but I don’t like the effect it has on the social icons which also appear in the top bar.

is there a way to have this link style only affect the text links and not the social icons?

thanks

[Darshana]

Hi there,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[armintz]

This reply has been marked as private.

[Prasant Rai]

Hello There,

Thanks for writing in!

Please replace the code with the following. You can add this under Custom > CSS in the Customizer:

p.p-info a {color: #283c72 !important;}

p.p-info a:hover {color: #283c72 !important;}

Thanks.

[armintz]

this works perfect, thanks

[Joao]

Glad to hear it.

Let us know if you need help with anything else.

Joao

[Author]

Posts