Jari-vh Posted May 6, 2022 Share Posted May 6, 2022 (edited) I'm creating a home page with some linked images including captions below. The CSS below gives the images a hover effect, but nothing happens to the captions. Is it possible to give the cations a similar effect (or change color or something) at the same when the hover effect is activated? #block-40b84df9ad7a77f5ea51 { a:hover img { transform: scale(1.04); opacity: 0.8; transition: .4s } } Edited May 6, 2022 by Jari-vh Link to comment
tuanphan Posted May 8, 2022 Share Posted May 8, 2022 Hi, Can you share link to page where you use image? We can check easier 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
Jari-vh Posted May 10, 2022 Author Share Posted May 10, 2022 Thanks for your message Tuanphan. This is the page I was talking about:https://www.jarivanhuizen.nl Link to comment
tuanphan Posted May 13, 2022 Share Posted May 13, 2022 On 5/10/2022 at 5:41 PM, Jari-vh said: Thanks for your message Tuanphan. This is the page I was talking about:https://www.jarivanhuizen.nl Hi, I see you figured it out with this code? a:hover { color: #76f089 !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
tuanphan Posted May 13, 2022 Share Posted May 13, 2022 On 5/10/2022 at 5:41 PM, Jari-vh said: Thanks for your message Tuanphan. This is the page I was talking about:https://www.jarivanhuizen.nl It looks like you solved with this code? a:hover { color: #76f089 !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
Jari-vh Posted May 14, 2022 Author Share Posted May 14, 2022 (edited) I made this to clarify what I mean. Now I have two effects that work independently from each other, but I would like to have them active at the same time (when I hover on the image or text). Edited May 14, 2022 by Jari-vh Link to comment
Solution tuanphan Posted May 15, 2022 Solution Share Posted May 15, 2022 21 hours ago, Jari-vh said: I made this to clarify what I mean. Now I have two effects that work independently from each other, but I would like to have them active at the same time (when I hover on the image or text). Add to Design > Custom CSS div#page-section-626b0282967e664d4bdc3044 { img, h3 { transition: all 0.3s !important; } .image-block:hover a { color: #76f089 !important; transition: all 0.3s; } .image-block:hover img { transform: scale(1.4); transition: all 0.3s; }} 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment