This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

CSS To Change Vantage Premium Menu Current Page Color To Transparent?

Resolved 9 replies premiumthemetheme-vantage
Petteri
10 years ago · Last reply by Andrew Misplon 10 years ago

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

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

9
  1. Andrew Misplon Staff 10 years, 4 months ago

    Hi Petteri

    Thanks for reaching out.

    You can find all the current menu item colours at Appearance > Customize > Theme Design > Menu.

    Hope that helps :)

  2. Petteri 10 years, 4 months ago

    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?

  3. Andrew Misplon Staff 10 years, 4 months ago

    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.

  4. Andrew Misplon Staff 10 years, 4 months ago

    Mmm, I’m not sure this is possible. Can you perhaps send a link to your site and I’ll confirm. Thanks.

  5. Petteri 10 years, 4 months ago

    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 : )

  6. Andrew Misplon Staff 10 years, 4 months ago

    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.

  7. Andrew Misplon Staff 10 years, 4 months ago

    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; }
  8. Petteri 10 years, 4 months ago

    Ok, thanks for your effort. Think I am going to take a timeout with this one : )
    – Petteri

  9. Andrew Misplon Staff 10 years, 4 months ago

    For sure. Let us know if you need any help further on.

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread