Style Top Nav/Menu

[gm713]

Hi,

I’ve been able to change to background color of the Top Menu (See attached) by using the following css

.header-color.social-header
{
background-color: #hex !important;
}

How do I set the links to #fafafa?

I’m trying to override the Top Menu settings only, without changing the settings defined for Primary Menu through Styling Options.

Attachments:

You must be logged in to view attached files.

[Catalin]

Hello,

Since I am not able to view your site I will give you the code used in the Kleo demo site:

COPY CODE

.header-color .top-menu li > a, .header-color #top-social li a 
{
color: rgba(xx,xx,xx, x.x);
}

where rgba(xx,xx,xx, x.x) explanation can be found here:

http://www.w3schools.com/cssref/css_colors_legal.asp

The code alter the social media color too.

You need to add this in your style.css file from your child theme.

Thank you,
Catalin

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[gm713]

Thanks Catalin.

[Author]

Posts