Changing text color top menu

[liberfin]

I need to change the text color in top menu on the right side of the website.

But it doesn’t work fine.

I put this code into custom css section:

#top-bar .menu > li:first-child {
border-left-width: 0;
border-top-width: 1px;
background: #3b5998;
font-family: tahoma;
font-size: 24px;
font-weight:bold;
font-color: #ffffff;
}

You can see it in a file attached. Color is always gray.

Thanks.

[Kyle – SUPPORT]

Add !important:

font-color: #ffffff!important;

– Kyle

[liberfin]

Hi.

I’ve added it but it doesn’t work. It’s strange!

[Kyle – SUPPORT]

Is there a reason you are adding it that way? Why don’t you just use the actual facebook logo as an image?

– Kyle

[liberfin]

How can I do that?

[Kyle – SUPPORT]

Get the facebook logo, then upload it somewhere, like your media library.

Then in your topbar right config, add:

<img src="the link to the image" width="" height="" alt="facebook" />

– Kyle

[liberfin]

Excuse me.

When you say “in your topbar right config” it means where menus are setup. Because here I don’t see any way to put an image.

Thanks.

[Kyle – SUPPORT]

Sorry my fault, I was thinking Dante.

If you could provide me with your link I can look into why the color is not changing to white.

– Kyle

[liberfin]

What do you need exactly?

[Kyle – SUPPORT]

Your website url

– Kyle

[liberfin]

Hostal Mascotas

Thanks.

[Kyle – SUPPORT]

Try adding this to your custom css:

#menu-item-10013 > a {
  color: #ffffff!important;
}

– Kyle

[liberfin]

Now it works fine!

Thanks a lot!

[Kyle – SUPPORT]

No problem 🙂