HOW TO CHANGE HEADER LINK COLOURS

Hello,

How do I change the header colours in rest and hover over mode for the “Newsletter, Contact Us etc” links.

See attachment.

Thank you

Attachments:

You must be logged in to view attached files.

Hello,

Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

.wd-header-nav.wd-full-height .wd-nav>li>a {
color: red;
}

.wd-header-nav.wd-full-height .wd-nav>li>a:hover {
color: green;
}

Regards.
Xtemos Studios.

Hello,

Unfortunately your fix has not worked. Please give a new fix for this request!

Thank you

Hello,

Please provide the URL of the website to check it myself and help you out accordingly.

Regards.
Xtemos Studios.

Hello,

Im working on the site on my local hard drive so I cant give you access there but I do have an older version on the internet you can look at.

Thank you

Hello,

Please replace the previous Custom CSS with the following then check back.

.wd-header-nav .wd-nav>li>a {
    color: red;
}

.wd-header-nav .wd-nav>li>a:hover {
color: green;
}

Regards.
Xtemos Studios.

Hi there,
Thank you, its working.
1) The colors I’m using are black and orange but the “orange” colour is not the same shade as the standard one on the site. How can I use that particular colour orange? (#FF6600)
2) Is is also possible to change these colours to the same as well? …see attachment.

Thanks

Attachments:

You must be logged in to view attached files.

Hello,

1) If the same shade is not coming then it is the color code issue not from our Theme.

Please try using other colors.

2) Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

.searchform.wd-with-cat input[type="text"]::placeholder {
    color: #FF6600;
}

.wd-search-cat>a>span {
    color: #FF6600;
}

span.wd-tools-text {
    color: #FF6600;
}

Best Regards.

[Author]

Posts