Tagged: , , ,

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • March 12, 2015 at 11:54 pm #410780
    mterrian

    I am attempting to make my submenu backgrounds have the color #990000 but also opacity 0.5. I don’t seem to be doing that the right way currently, because my the dropdown menu items are only transparent on mouseover, and the main parent menu item is also transparent on mouseover. Not good.

    Where is the style that control ONLY submenu background color and transparency? I must be missing it. Thanks.

    March 13, 2015 at 4:58 pm #411109
    Yigit

    Hi mterrian!

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

    #top .av-main-nav ul a { background: transparent !important; }

    Best regards,
    Yigit

    March 13, 2015 at 5:09 pm #411129
    mterrian

    Thanks, Yigit, you’re the best. The dropdown menu background is now transparent (yay!) but the main menu item (the top-level menu) items are ALSO transparent on mouseover…..which they should not be. They should remain at #990000. Is there another style I can apply to THEM so they don’t go transparent on mouseover….but the submenu still does? Thanks, sorry to be a pain.

    March 13, 2015 at 5:15 pm #411135
    Yigit

    Hi!

    Please change the code to following one 

    #top ul.sub-menu a {
  background: transparent !important;
}

    That should apply the code only to sub menu items. If that does not help, that means issue is with your CSS code. In that case please post a screenshot and show the changes you would like to make, so we can make sure that we are on the same page and provide you an accurate solution :)

    Best regards,
    Yigit

    March 13, 2015 at 6:25 pm #411189
    mterrian
    This reply has been marked as private.
    March 16, 2015 at 1:33 am #411778
    Andy

    Hi!

    please try this code:

    #top #header .av-main-nav > li > a:hover {
background-color: #990000 !important;
opacity: 1;
}

    Hope this helps.

    Regards,
    Andy

    May 11, 2015 at 11:07 am #442352
    AnnemarieDoolin

    Hi Genius’,

    I too want to give the the background for the navi sub menu dropdown opacity… I have tried the above suggestions but didn’t work. When I use firebug, the element I want to change reads…

    <ul class=”sub-menu” style=”display: block; opacity: 0; visibility: hidden;”>

    Could you work something out from that for me? I am working offline so I cannot provide the link :-)

    May 11, 2015 at 11:31 am #442360
    AnnemarieDoolin

    Hi Genius’,

    I too want to give the the background for the navi sub menu dropdown opacity… I have tried the above suggestions but didn’t work. When I use firebug, the element I want to change reads…

    <ul class=”sub-menu” style=”display: block; opacity: 0; visibility: hidden;”>

    Could you work something out from that for me? I am working offline so I cannot provide the link :-)

    May 12, 2015 at 9:06 am #442854
    Rikard

    Hey!

    You could try something like this maybe?

    ul.sub-menu{
opacity:0.5 !important;
}

    Best regards,
    Rikard

    • This reply was modified 9 years, 6 months ago by Rikard.
    May 12, 2015 at 5:16 pm #443180
    mterrian

    Thanks, Kriesi gang!

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Transparency for Enfold submenu background’ is closed to new replies.