How to change primary menu font Color ?

[revankar]

How to change primary menu font Color ? i want to change the primary menu color. right now i have change the text color of header but it is always remain white font. please let me know how to change the color?

Attachments:

You must be logged in to view attached files.

[Radu]

Hello,

Please provide the url,

I will give you a css snippet fix for font color.

Cheers

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

What support service includes ? What not ?

[revankar]

This reply has been set as private.

[Radu]

COPY CODE

.kleo-main-header.header-left:not(.header-scrolled) .navbar-collapse>ul>li>a {color:#000 !important;}

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

What support service includes ? What not ?

[revankar]

This reply has been set as private.

[Radu]

This reply has been set as private.

[saeides]

Hello,

Where this css should be pasted? Quick css under theme options?

[Radu]

HI,

The css that i have you provided is need to be pasted or in Wp-Admin -> Theme Options -> General Settings -> Quick CSS or via FTP to wp-content/themes/kleo-child/style.css

Regards

Radu

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

What support service includes ? What not ?

[saeides]

Thank you for your reply. I’ve tried it but no luck.
Any idea?
BTW, would be awesome if you know how to change the menu text colour in homepage (transparent menu).

Thanks in advance

[Radu]

Hi,

Make sure that you have a cache plugin, if you have, after each modification is need to clear the cache.

If you cannot load the CSS that i have you provided you please provide admin credentials.

Regarding the color of the transparent menu,please provide a screenshot that pointing out the changes

Cheers

Radu

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

What support service includes ? What not ?

[saeides]

This reply has been set as private.

[Radu]

Hi,

I’ve added this CSS snippet to your Theme Options -> General Settings -> Quick CSS

COPY CODE

.kleo-main-header:not(.header-scrolled) .navbar-collapse>ul>li>a {color:#000 !important;}

Now, the menu items color are black until you scroll, then the text links color will change to white.

Let me know if is ok.

Best Regards

Radu

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

What support service includes ? What not ?

[saeides]

Right. I appreciate your help. I’m wondering why when I changing that to colour#950cc2 that doesn’t work?

[Radu]

Hi,

I’ve changed the color to “950cc2”

Best Regards

Radu

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

What support service includes ? What not ?

[saeides]

Great help. Thanks

[trsl2]

I have followed this to get black main menu headings which worked fine. But now the menu on my iPhone is blacked out.

[Radu]

Hi,

Add this css that will set the background color, replace #dadada color with your desired color

COPY CODE

@media (max-width: 991px) {
.kleo-main-header, .navbar-transparent .kleo-main-header, .kleo-navbar-fixed.navbar-transparent #header {
    background-color: #dadada;
}}

Cheeers

Radu

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

What support service includes ? What not ?

[trsl2]

That didn’t work. It’s sill blacked out on my mobile.

[Radu]

Hi,

Provide url

cheers

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

What support service includes ? What not ?

[trsl2]

http://www.englishwise.co.uk

[Radu]

Hi

Use this

COPY CODE

@media (max-width: 991px) {
.kleo-main-header, .navbar-transparent .kleo-main-header, .kleo-navbar-fixed.navbar-transparent #header {
    background-color: #222 !important;
}}

It works for me via Inspect element

Cheers

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

What support service includes ? What not ?

[trsl2]

This is wasting my time. You have just re-created the original problem and turned the main Menu white again??????? I wanted the Main Menu Black which I managed through following this topic but that meant the menu on my mobile was blacked out too!

[Radu]

Do you have solved your problem ? i see your menu it’s ok

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

What support service includes ? What not ?

[Author]

Posts