Jari-vh Posted May 6, 2022 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
tuanphan Posted May 8, 2022 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 Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)
Jari-vh Posted May 10, 2022 Author Posted May 10, 2022 Thanks for your message Tuanphan. This is the page I was talking about:https://www.jarivanhuizen.nl
tuanphan Posted May 13, 2022 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 Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)
tuanphan Posted May 13, 2022 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 Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)
Jari-vh Posted May 14, 2022 Author 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
Solution tuanphan Posted May 15, 2022 Solution 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 Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment