Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #524225

    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

    #525398

    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

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.