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 7 years, 4 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.