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
10 years ago · Last reply by Daniel 10 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 10 years, 10 months 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 10 years, 10 months ago

    Hi Magus,

    It worked! Thanks again!

  3. christmaslyric4537 10 years, 10 months ago

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

  4. annehweb 10 years, 10 months 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 10 years, 10 months 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