Change link color on single page

matthijsvl · March 2020

Hi there,

Is there any way I can change the color of the links in my menu for one single page? A short piece of CSS code for example?

Since I'm using Revolution Slider with different photos for every single page, the background color of the header differs from page to page. I chose white as my 'main link color' in the BeTheme Options, but on some pages this overlaps with the white background of a photo.

For example on this page: https://nijmegenfietsen.nl/fietsroutes/ (you 'll see the menu appear after scrolling down, on desktop that is). I would like to change the font color of the links in the menu on this page from white (standard) to black for example.

Thanks in advance!

Pablo · March 2020

Hello,

Did you solve the problem?

https://prnt.sc/rmdsx9

As can I see, link are already black while menu is sticky.

Thanks

matthijsvl · March 2020

I changed it to black on the whole site via BeTheme options, but my question still stands. On this page for example - https://nijmegenfietsen.nl/fietsroutes/naar-de-duffelt/ - the menu items on the left site of the logo disappear against the background of the header photo. So in this case I would want to make the menu white instead of black, whereas on other pages black is mostly fine.

For the drop-down menu on the other hand, everything needs to stay as it is (dark gray on light gray). For example under 'Fietsroutes' the drop-down with 'Durf je Waal', 'Geven en zweven' and 'Naar de Duffelt' have to stay in the same colors.

Pablo · March 2020

To change the color of menu items on certain pages, just edit the page you want to change it and copy this code below into the field shown on the screenshot:

https://prnt.sc/rmgu6w

#Top_bar li a{
	color:red !important;
}

Thanks

matthijsvl · March 2020

Thank you, much appreciated!

Change link color on single page

Comments

This website uses cookies