Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • June 3, 2015 at 9:51 pm #454110
    jameelkarim

    Is it possible to make each nav menu link (coloured button style) a different color?

    Please look at the following link as an example to another site that does this: https://www.airmilesme.com/en-ae

    My site will be: http://www.airmilesafrica.com

    Thank you.

    June 4, 2015 at 10:12 am #454335
    Ismael

    Hey Jameel!

    Thank you for using Enfold.

    We already answered this inquiry before. Please avoid creating duplicated posts: https://kriesi.at/support/topic/multi-colored-nav-menu/

    You can try this for the first two menus:

    #top #wrap_all .av_seperator_big_border#header li#menu-item-31 > a, #top #wrap_all .av_seperator_big_border#header li#menu-item-31 > a > .avia-menu-text {
  background-color: red !important;
  color: white;
}

#top #wrap_all .av_seperator_big_border#header li#menu-item-30 > a, #top #wrap_all .av_seperator_big_border#header li#menu-item-30 > a > .avia-menu-text {
  background-color: blue !important;
  color: white;
}

    As you can see the only difference in the css selectors are the menu id li#menu-item-30 and li#menu-item-31. You can do the same for the remaining menu items. Use google inspector or firebug to get the proper id.

    Regards,
    Ismael

    June 4, 2015 at 3:58 pm #454553
    jameelkarim

    Hi Ismael,

    Thank you for your response. I apologize for duplicating the post.

    I’ve got another question, would it be possible to round the top corners of the items to make them look more like tabs?

    June 4, 2015 at 4:01 pm #454559
    Yigit

    Hey!

    Please add following code to Quick CSS as well

    .av-main-nav > li > a {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  margin-right: 10px;
}

    Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field

    Regards,
    Yigit

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