Gallery Grid Hover Opacity for Flatiron

Site URL: https://www.andreamelania.com

Hello friends!

I'm currently in the process of updating my online portfolio, and I want to adjust something that's been bothering me: the opacity when you hover over the gallery grid in my index page on the flatiron template. There isn't an option to adjust said opacity in the template's design tools, so I'm thinking I'll need help with custom code. I'd like to make the hover color more opaque to make the project titles more visible without having to stray from my brand colors. 

Can anyone help? I've done my fair share of googling and combing through the forum before posting, and I don't want to switch templates. I really love the page layout for Flatiron, so I want to keep using it. 

Attached is an example of the hover. 

This works for Avenue  index grid should work for your 7.0 site. Put it in custom css. You can adjust the opacity by changing the number, happens instantly before you click save. 

.img.thumb-image:hover {
         opacity: 0.6;

That code does not seem to work (even after closing it); opacity stays the same. 😞 

Add to Design > Custom CSS

#grid .item .wrapper {
    background-color: rgba(41,206,214,.95) !important;
}

Aaaah that worked!! Thank you so much, tuanphan!