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
11 years ago · Last reply by Daniel 11 years ago

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 11 years, 9 days ago

    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 11 years, 8 days ago

    Hi Magus,

    It worked! Thanks again!

  3. christmaslyric4537 11 years, 8 days ago

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

  4. annehweb 11 years, 8 days ago

    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 11 years, 8 days ago

    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