@tuanphan Apologies for the thread revive and mention. I've been using this code to attempt the same thing on my site and also cannot get this to work. Any chance of a quick update when you get a moment? I've made some assumptions based on the above code by using the text block ID in the second stanza, clearly this isn't correct as only the image darkens and goes light again when the cursor hits the text.
www.orientafricatravel.com/home
#block-yui_3_17_2_1_1679478884804_65665:hover .content-fill:after {
opacity: .5;
transition: all 1s;
background-color: rgba(0,0,0,1) !important;
}
#block-yui_3_17_2_1_1679478884804_73424:hover * {
cursor: pointer;
}
#block-98e23ec37ec355c43e43:hover .content-fill:after {
opacity: .5;
transition: all 1s;
background-color: rgba(0,0,0,1) !important;
}
#block-bdfaf28773dfaa3a5558:hover * {
cursor: pointer;
}
#block-0da1641ca41af1469866:hover .content-fill:after {
opacity: .5;
transition: all 1s;
background-color: rgba(0,0,0,1) !important;
}
#block-f53ee2822f6dbaa9b915:hover * {
cursor: pointer;
}