Tagged: , , , , , , ,

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • October 24, 2015 at 1:41 pm #524225
    Milan

    Hello to all,

    I have 3 questions about design of sub-menu, see the link of img please in Pivate Content.
    Image will be removed, so for others I am rewriting questions here:
    1) Where I can edit borders around of sub menu please? I mean borders of whole sub-menu block and also for each idem.
    2) I would like to set some nice background for whole block, at least for each item – if it is possible.
    3) I would like to add some bullets, circles or maybe img in front of menu item in sub-menu, where I can do so in CSS please?

    Thank you very much for help. Have a nice day!

    Milan

    • This topic was modified 9 years, 2 months ago by Milan.
    October 27, 2015 at 10:59 am #525398
    Ismael

    Hey Milan!

    Thank you for using Enfold.

    It’s possible to add css modifications in the General Styling > Quick CSS field.

    1.) Use this in the Quick CSS field if you want to add a border:

    .av-main-nav .sub-menu {
    border: 1px solid red;
}

    2.) This is for the background of each menu items:

    #top .av-main-nav ul a {
    background: yellow;
}

    Instead of yellow, add the url to the background image.
    http://www.w3schools.com/cssref/pr_background-image.asp
    http://www.w3schools.com/css/css_background.asp

    3.) And this to add an arrow or bullet:

    #top .av-main-nav ul a:before {
    content: '';
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid green;
    margin-right: 5px;
    float: left;
    top: 5px;
    position: relative;
}

    Cheers!
    Ismael

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