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


    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,



    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;



    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.


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

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