Tagged: 

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • October 24, 2014 at 10:10 am #340529
    ZenZu

    Hi there,
    I have an issue to create an active like with the quick css in enfold.
    I have been working on the main menu and I would like to make it a sort of tab menu.

    this is the code Im using in the quick css editor

    #header_main {border-bottom:2.5px solid #058c56;}
    #avia-menu {margin-top:25px;}
    .avia-menu-text {font-weight:200; padding-top:10px; padding-bottom:12px; padding-left:8px; padding-right:8px;}
    .avia-menu-text:hover {color:#ffffff; background-color:#058C56; border-top-left-radius:5px; border-top-right-radius:5px;}
    .avia-menu-text:active {color:#ffffff; background-color:#058C56; border-top-left-radius:5px; border-top-right-radius:5px;}
    .sub-menu {margin-top:-25px;}

    thanks

    Francesco

    October 24, 2014 at 3:15 pm #340634
    Yigit

    Hey ZenZu!

    Instead of following code

    .avia-menu-text:active {color:#ffffff; background-color:#058C56; border-top-left-radius:5px; border-top-right-radius:5px;}

    Please use this one 

    .av-main-nav > li.current_page_item > a > .avia-menu-text {
color: #ffffff;
background-color: #058C56;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}

    Cheers!
    Yigit

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