Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #456187

    I’d like to know if it’s possible to have the menu indicators (and maybe the borders) but without the 1 pixel rule which separates the header from the main area. Can this be done by editing the css? Also would like to be able to set the colour of the indicators separately.

    Thanks, Andrew

    #456196

    Hi Andrew!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    #header_main {
      border-bottom: none;
    }
    #menu-item-755 .avia-menu-fx {
      background-color: red;
    }

    You can use second code to change menu fx color independently. You can right click on Chrome or Firefox to inspect elements to find menu item ID’s http://i.imgur.com/HyPTCRg.jpg

    Cheers!
    Yigit

    #456210

    Thanks; the first part has worked, but not the second – maybe because I’ve already selected a predefined color scheme under General Styling?

    Andrew

    #456216

    Hey!

    Just to make sure that we are on the same page, you would like to change the color of this indicator – http://i.imgur.com/A6LDeWY.png?1
    is that correct? If so, please post the link to your website.

    Cheers!
    Yigit

    #456222
    This reply has been marked as private.
    #456234

    Hey!

    Please add following code to Quick CSS

    #menu-item-20 .avia-menu-fx {
      background-color: orange;
    }
    #menu-item-17 .avia-menu-fx {
      background-color: yellow;
    }

    Regards,
    Yigit

    #456252

    Great, many thanks.

    I understand how to use the element inspector now too. So it appears I’ll have to add a snippet of css for each and every menu item.

    Andrew

    #456255

    Hey!

    Yes Andrew, exactly :)

    Regards,
    Yigit

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