drop menu background opacity

  • Resolved trixy546

    (@trixy546)


    8 years, 7 months ago

    Using the Great! theme to setup website for a non-profit and really like the look. The only problem is the opaque drop menus are hard to read on some pages because of busyness of the page behind the menu. Once you mouse over it, it’s fine, but until then, it’s hard to read.

    Is there an entry I can add to the CSS to change the opacity or remove it completely?

    Thanks very much!!

    Website URL:
    https://www.seniorcareinc.org/2016/

Viewing 5 replies - 1 through 5 (of 5 total)

  • Hi @trixy546,
    Hope you are doing good today ??

    That is the RGBA color with 0.8 opacity being applied to the anchor tag. You can either remove the opactiy by adding following code in custom CSS section (if current theme provide that option) or by installing simple custom CSS plugin.

    .main-navigation ul ul a{
background-color: rgba(255,255,255,1);
}

    Try this one if above don’t work.

    .main-navigation ul ul a{
background-color: rgba(255,255,255,1) !important;
}

    You can also change the color by replacing the RGBA with solid hex color code.

    Take care and have a nice day ??
    Cheers, Sajid

    Thread Starter trixy546

    (@trixy546)

    Perfect!!

    Thanks so much!!

    Can you please tell me how to change the text color of the drop down menu?

    Hello there,
    Thanks for the info on changing the drop menu background from the opacity setting. That was helpful.

    That being said, I am like @Sense4 and am requesting assistance in changing the drop menu font color as it is still difficult to read in it’s default color.

    Website: https://www.blackbearacademy.com/

    Many thanks.

    Theme Author benalvele

    (@benalvele)

    Hi guys you’re GREAT. Thank you for helping other people.

    @thornerthompson You can add your own CSS in theme.

    /* Sub menu text color */
.main-navigation ul ul a {
color:red;
}

/* mouse on hover color */
.main-navigation ul ul a:hover {
color:green;
}

    If you love “GREAT” theme, please write a review.
    Ben,
    Thanks again.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘drop menu background opacity’ is closed to new replies.