Color Section(s) Background Hover

Hi everyone! I’ve thought of a cool idea to implement but I’m having trouble. On the link below, I’ve followed steps from other support o have an overlay for hover on color sections, however… I went through and created individual ids for 3 color sections: study, escape, and prison. In the link I provided, the “study” works perfectly fine, but I am unable to get the effect to duplicate to #escape and #prison. Is it possible to have unique hovers on color sections that I add IDs to?

Here’s the code:

#study .av-section-color-overlay-wrap:hover .av-section-color-overlay {
   opacity: .70!important;
   transition: opacity .5s ease-in-out !important;
}

#escape .av-section-color-overlay-wrap:hover .av-section-color-overlay {
   opacity: .70!important;
   transition: opacity .5s ease-in-out !important;
}

#prison .av-section-color-overlay-wrap:hover .av-section-color-overlay {
   opacity: .70!important;
   transition: opacity .5s ease-in-out !important;
}

Also, in addition, the slanted bottoms are not working for color sections…

• This topic was modified 9 years, 1 month ago by mdmllc.