Tagged: ,

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • November 17, 2014 at 11:26 am #352320
    chapdes

    Hi,

    I copied some Quick CSS from another post, that allowed me to apply a glassy effect to the header sub-menus.

    Would you please tell me how can I change the sub-menus to glassy black with white font while on hover?

    Here´s the Quick CSS I used:

    .av_header_transparency ul.sub-menu {
    background: transparent !important;
    border-top-color: rgba(0, 0, 0, 0.2) !important;
    }

    .av_header_transparency ul.sub-menu a {
    background: rgba(255, 255, 255, 0.6) !important;
    color: black !important;
    font-weight: bold;
    }

    Kind Regards,

    Chapdes

    November 17, 2014 at 9:18 pm #352688
    Elliott

    Hi chapdes!

    Try adding this to your custom CSS.

    .av_header_transparency ul.sub-menu li:hover a, .sub-menu li a:hover {
    background: black !important;
    color: white !important;
}

    Regards,
    Elliott

    November 17, 2014 at 10:29 pm #352710
    chapdes

    Thanks for your fast response Elliott!.
    I changed the background color to RGB(0,0,0,0.5) instead of plain black, and now the submenus look superbly nice.

    Regards,
    Chapdes

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Glassy header Sub-menus’ is closed to new replies.