Title: background hover color
Last modified: December 14, 2018

---

# background hover color

 *  Resolved [Lockhart](https://wordpress.org/support/users/muldari/)
 * (@muldari)
 * [7 years, 6 months ago](https://wordpress.org/support/topic/background-hover-color/)
 * How can I change the color/opacity of the background on hover where the title&
   description show?

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

 *  Plugin Author [bradvin](https://wordpress.org/support/users/bradvin/)
 * (@bradvin)
 * [7 years, 6 months ago](https://wordpress.org/support/topic/background-hover-color/#post-10991754)
 * 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
 *  Plugin Author [bradvin](https://wordpress.org/support/users/bradvin/)
 * (@bradvin)
 * [7 years, 6 months ago](https://wordpress.org/support/topic/background-hover-color/#post-10991755)
 * you can also adjust the 9 in the #f009 to adjust the opacity
 *  [maa821](https://wordpress.org/support/users/maa821/)
 * (@maa821)
 * [7 years, 5 months ago](https://wordpress.org/support/topic/background-hover-color/#post-11056595)
 * 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, 5 months ago by [maa821](https://wordpress.org/support/users/maa821/).
 *  [priscillatm](https://wordpress.org/support/users/priscillatm/)
 * (@priscillatm)
 * [7 years, 5 months ago](https://wordpress.org/support/topic/background-hover-color/#post-11106209)
 * Hi [@bradvin](https://wordpress.org/support/users/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?
 *  Thread Starter [Lockhart](https://wordpress.org/support/users/muldari/)
 * (@muldari)
 * [7 years, 5 months ago](https://wordpress.org/support/topic/background-hover-color/#post-11106323)
 * Do this: background-color: rgba(242,242,242,0.74)!important;
    and change the 
   0.74 to whatever opacity you want.

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

The topic ‘background hover color’ is closed to new replies.

 * ![](https://ps.w.org/foogallery/assets/icon-256x256.gif?rev=2602542)
 * [Photo Gallery by FooGallery : Responsive Image Gallery, Masonry Gallery & Carousel](https://wordpress.org/plugins/foogallery/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/foogallery/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/foogallery/)
 * [Active Topics](https://wordpress.org/support/plugin/foogallery/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/foogallery/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/foogallery/reviews/)

## Tags

 * [background](https://wordpress.org/support/topic-tag/background/)
 * [color](https://wordpress.org/support/topic-tag/color/)
 * [opacity](https://wordpress.org/support/topic-tag/opacity/)

 * 5 replies
 * 4 participants
 * Last reply from: [Lockhart](https://wordpress.org/support/users/muldari/)
 * Last activity: [7 years, 5 months ago](https://wordpress.org/support/topic/background-hover-color/#post-11106323)
 * Status: resolved