Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • August 29, 2018 at 5:28 am #1002968
    envisageiam

    Hi, how do I change the transparency of the sub menu background color with out effecting the transparency of the text in the sub menu?

    • This topic was modified 6 years, 3 months ago by envisageiam.
    August 29, 2018 at 2:02 pm #1003143
    Rikard

    Hey envisageiam,

    Please post a link to your site and point out what you would like to change there.

    Best regards,
    Rikard

    September 1, 2018 at 11:34 pm #1004492
    envisageiam

    I would like for the drop down menu under “Products” to be transparent when the header is transparent and white when the header is white. Currently it is white all the time.

    September 2, 2018 at 9:15 am #1004593
    Vinay

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    CSS Snippet:

    
/* CSS - Transparent submenu */

#header.av_header_transparency .sub-menu a, .sub-menu, 
#header.av_header_transparency .sub-menu li {
    background: rgba(255,255,255,0.55) !important;
    border:none;
}

    Best regards,
    Vinay

    September 3, 2018 at 1:01 am #1004736
    envisageiam

    That worked good for the background transparency.
    Can I also change the font color for with the sub menu background transparency?

    September 3, 2018 at 6:30 am #1004781
    Vinay

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    CSS Snippet:

    
/* CSS - menu item color */


#header.av_header_transparency .main_menu .menu ul li>a,
#header.av_header_transparency .main_menu .menu ul li>a:hover {
    color: gold;
}

    Best regards,
    Vinay

    September 3, 2018 at 11:39 pm #1005225
    envisageiam

    That worked good, thank you. Can I also set the color of the text and background when I hover each item?

    • This reply was modified 6 years, 3 months ago by envisageiam.
    September 4, 2018 at 12:03 pm #1005466
    Vinay

    Hi,

    Please replace the previous code with the below code:

    
/* Menu item color */
#header.av_header_transparency .main_menu .menu ul li>a {
color: red;
}
/* Menu item color on hover*/
#header.av_header_transparency .main_menu .menu ul li>a:hover {
    color: gold;
}

    Best regards,
    Vinay

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