Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].
Hi!
I like your Vantage much and been hassling around with it for months. Now I have a new thing to learn asked already in the title: Is there any custom css code to change menu current page color to transparent (no color) in Vantage Premium Theme.
I am using an image in menubar as background and the thing is that it would nice to get rid of that current page color and make it transparent, so that only thing changing when clicking a title in the menu would be the current page text color.
Any help : ) ?
PS. I have only test site, so no url with this one
Hi Petteri
Thanks for reaching out.
You can find all the current menu item colours at Appearance > Customize > Theme Design > Menu.
Hope that helps :)
Hi
thanks for your reply, but I think I am not following over here because I havent found any solution to change the color of current page to transparent.
I found a css custom code to change the whole menu bar to transparent but didnt find anything with this current page.
Any help?
Sorry, I missed the question. We’d need to redo how the menu CSS is applied. Right now the main menu background color is added to the entire bar so it wouldn’t do much good making a single item transparent as the bar background would show through. Let me take a quick look.
Mmm, I’m not sure this is possible. Can you perhaps send a link to your site and I’ll confirm. Thanks.
Hi Andrew!
okay now we are at the same page : ))
I will give you an url to a page which is not made with Vantage or by me; but that is what I am trying to do with your Vantage / custom ccs code for transparent current page (if possible).
I can easily replace Menu with an image with your custom css code, but like said at the moment I am not able to do make that current page background color transparent like in here: http://www.jaahovi.fi
What you see on that page menu – is that when you click something –> only the color of the current page TEXT is changing —> that is the whole point and my goal with Vantage.
Hope you have a solution : )
Have you considered just setting the menu hover background and current menu item background colors to match the color of the menu background? This can be done from the Customizer.
That of course won’t help if you’re using an image as the menu background. You can use CSS to remove all the hovers and current background colors though:
.main-navigation ul li.current-menu-item > a, .main-navigation ul li.current_page_item > a { background-color: transparent; }Ok, thanks for your effort. Think I am going to take a timeout with this one : )
– Petteri
For sure. Let us know if you need any help further on.