Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #352320

    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

    #352688

    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

    #352710

    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

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

The topic ‘Glassy header Sub-menus’ is closed to new replies.