AeliaandtheCamera Posted November 15, 2019 Share Posted November 15, 2019 Hi there, I have added some code to get the hover effect (overlay + Poster: Title/Subtitle ) on images (see screenshot attached). /* Hover Effect Images */ .sqs-block-image:hover { brightness: 100%; transition: .6s; cursor: pointer;} .sqs-block-image:hover img { filter: brightness(0.7); transition: .3s;} .sqs-block-image:not(:hover) .image-card-wrapper { display:none;} Unfortunately it started behaving weirdly - the hover just works on all images now, rather than on only https://www.aeliaandthecamera.com/branding and text is not displayed while hovering over. Any advices how to make it work properly are highly appreciated 🙂 Many thanks 🙂 A. Link to comment
tuanphan Posted November 21, 2019 Share Posted November 21, 2019 @AeliaandtheCamera " text is not displayed while hovering over." >>> text size is 0%, so you will don't see it. add to Home > Design > Custom CSS .image-title.sqs-dynamic-text { font-size: 15px !important; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
AeliaandtheCamera Posted December 14, 2019 Author Share Posted December 14, 2019 Thank you Tuanphan, will try it out! Sorry for the late reply! Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.