ninabrowndesign Posted June 30, 2022 Share Posted June 30, 2022 Site URL: https://www.history-ink.com/home Hi there! I have some code which works great, but I only want it on one section of the site. The code currently sits in Custom CSS, is there any code I can apply, so it only works with one block? Current code that is global: .design-layout-poster:hover .image-overlay { background: rgb(58,141,222) !important; opacity: 100; } Block ID I need it applied to: section[data-section-id="62b2fd95b9b78b76bf53ece3"] Thanks! Link to comment
tuanphan Posted July 1, 2022 Share Posted July 1, 2022 Use this code section[data-section-id="62b2fd95b9b78b76bf53ece3"] .design-layout-poster:hover .image-overlay { background: rgb(58,141,222) !important; opacity: 100; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment