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.

Need second level button to show as current page

Resolved 5 replies premiumthemetheme-vantage
annehweb
Started · Latest reply by Daniel

This has been addressed before in another thread, but the solution didn’t work for me. Basically, I have a button called Updates with two second level buttons. When clicked, I want the current page button to show as Updates (there is no page associated with this button, it’s just an # link, if that makes sense). This code was suggested:
/* Vantage Current Menu Item Colors */
.main-navigation ul li.current-menu-item > a, .main-navigation ul li.current_page_item > a { background-color: #000000 }
.main-navigation ul li.current-menu-item > a, .main-navigation ul li.current_page_item > a { background-color: #000000 }
.main-navigation ul li.current-menu-item > a, .main-navigation ul li.current-menu-item > a [class^=”icon-“],
.main-navigation ul li.current_page_item > a, .main-navigation ul li.current_page_item > a [class^=”icon-“] { color: #fee5ca }
Then to substitute .current_page_parent for .current_page_item. This did not work for me.
Here’s the URL: http:annehutchinswebdesign.com/tiki
How can I fix this?

URL: http://annehutchinswebdesign.com/tiki

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

Need fast email support? Get SiteOrigin Premium

Replies

5
  1. Magus Staff

    Hi annehweb

    It should work using the current_page_parent. Please try the following in your Custom CSS Editor

    /* Vantage Current Menu Item Colors */
.main-navigation ul li.current_page_parent > a, .main-navigation ul li.current_page_item > a { background-color: #dd3333 }
.main-navigation ul li.current_page_parent > a, .main-navigation ul li.current_menu_item > a [class^="icon-"],
.main-navigation ul li.current_page_parent > a, .main-navigation ul li.current_page_item > a [class^="icon-"] { color: #ffffff }

    replace the colour codes with those you want to use.

    Let us know how you get on

    Magus

  2. annehweb

    Hi Magus,

    It worked! Thanks again!

  3. christmaslyric4537

    I would like to know how anne put those tiki torch images on the sides. Pretty cool!

  4. annehweb

    After adding the page background image you want in the Customizer, add this to either your Child style sheet or Custom CSS:

    #main {
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    }

    I needed to do this because I used inner shadow in the image to give it a rounded look and when it tiled, you could see the bottom shadow. So this fixed the problem. This is why Vantage is my go-to theme when I need to completely create a completely custom WordPress site. Love the customer support.

  5. Daniel Staff

    Hi Annehweb

    Am glad you are making progress in developing your site :)

    @Magus much appreciated :)

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