Tagged: ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 14, 2015 at 11:13 pm #379786
    SiteBuilder

    I would like to style one of my menu items to be a different color and size so it stands out in the top navigation menu.

    How can I achieve this?

    thanks in advance!

    January 15, 2015 at 7:12 pm #380297
    Elliott

    Hey Scott!

    Add this to your custom CSS.

    #menu-item-36 .avia-menu-text { color: red !important; font-size: 15px !important; }

    Where 36 is the ID of your menu item. The ID is usually the page ID. If your not sure what ID it is then right click your page and view the page source to see what is being set.

    Cheers!
    Elliott

    January 15, 2015 at 8:42 pm #380412
    SiteBuilder

    Elliot, it didn’t work.Here is the html

    <li id="menu-item-18" class="menuBold menu-item menu-item-type-custom menu-item-object-custom menu-item-top-level menu-item-top-level-2"><a target="_blank" href="http://www.ourdomain.com" style="height: 88px; line-height: 88px;"><span class="avia-bullet"></span><span class="avia-menu-text">Shop at Here</span><span class="avia-menu-fx"><span class="avia-arrow-wrap"><span class="avia-arrow"></span></span></span></a></li>

    Hopefully this helps clarify.

    thanks,
    Scott

    January 16, 2015 at 7:10 pm #381028
    Elliott

    Hey!

    Send us a link and paste the custom CSS your using here.

    Cheers!
    Elliott

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.