Return to previous page

[header overlap] How to change menu text color with banner

This topic has 4 replies, 2 voices, and was last updated 7 years, 4 months ago ago by Rose Tyler

Igor

Participant

June 28, 2017 at 20:11

Hello everyone,

while styling the new shop we’ve found a thing that we find difficult to be achieved, but i think it might be also useful for other usuers.

We have a overlap menu, but when banners change from bright one to a dark one the text in the header becomes unclear and difficult to read. On previous CMS system where the layout was inspired on Woopress the colour of the text changed from black to white as the banner changed.

You can see it here: http://naturmedicin.pl/

We would like to achieve this effect on our current build.

Is there anyone able to help?

#166627 Copied Theme version: WooPress

3 Answers

Rose Tyler

Support staff

June 29, 2017 at 14:31

Hello,

Unfortunately, there is no such possibility. Sorry.

Regards,
Rose Tyler.

#166680 Copied

Igor

Participant

July 1, 2017 at 11:52

Thank you for your reply,

we’ve managed to achieve a good effect by making a text-shadow css on the text:

text-shadow: 0px 0px 33px #ffffff;

It’s able to be read with all shades of banners

Thanks for your info though!

Only question remains: How we can distinguish the mian navigation from the sticky navigation appearing after scrolling down?

We need to make it different coulour

Please let us know!

#166851 Copied
Rose Tyler

Support staff

July 3, 2017 at 13:30
Hello,

Sorry for the delay.
You may add this code in Theme Options > Custom css:
```
.fixed-header .navbar .nav>li>a {
    color: red;
}
```
Regards,
Rose Tyler.
#166925 Copied
Tagged: color, menu, template, woocommerce, wordpress
Viewing 4 results - 1 through 4 (of 4 total)