background hover color

hi – you can add a small snippet of custom CSS. When editing a gallery, scroll down to the custom CSS metabox and insert the following:

.foogallery figcaption.fg-caption {
    background-color: #f009;
}

You can adjust the #f009 to be a color that your like

you can also adjust the 9 in the #f009 to adjust the opacity

Hi,
I put this code:
.foogallery figcaption.fg-caption {

background-color: #1b86de;

}
and the background on hover with the title is blue but the opacity is 100%. How to made this blue color with opacity ex. 50?

regards
Marta

• This reply was modified 5 years, 10 months ago by maa821.

Hi @bradvin , i am trying to use your CSS code, but i need to chance de color to white, so my code now is like this:

.foogallery figcaption.fg-caption {
background-color: #f2f2f2
}

But i also want to change de opacity, how can i do that?

Do this: background-color: rgba(242,242,242,0.74)!important;
and change the 0.74 to whatever opacity you want.