MarissaG Posted February 9, 2021 Share Posted February 9, 2021 Site URL: https://marissaginsberg.com Hi there, I'm trying to add a simple slight zoom in to the images that are links on my homepage. I haven't been able to find an answer that doesn't apply to all images on my site. Is there a way to do it? Thank you! Link to comment
tuanphan Posted February 9, 2021 Share Posted February 9, 2021 Add to Design > Custom CSS /* homepage image effect */ body.homepage .image-block img { transition: all 0.2s; } body.homepage .image-block:hover img { transform: scale(1.2); transition: all 0.2s; } body.homepage .image-block { overflow: hidden; } 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
MarissaG Posted February 9, 2021 Author Share Posted February 9, 2021 Thank you so much!!! Link to comment
MarissaG Posted February 9, 2021 Author Share Posted February 9, 2021 I added the code and it works great! But I realized it's applying the hover to the logos on the homepage and I don't want it to do that. Is there any way to differentiate it so that the hover is only on the project links? Thanks in advance! Link to comment
tuanphan Posted February 14, 2021 Share Posted February 14, 2021 Try new code /* homepage image effect */ div#page-section-602229b710c48c03e7757b96>.row .image-block img { transition: all 0.2s; } div#page-section-602229b710c48c03e7757b96>.row .image-block:hover img { transform: scale(1.2); transition: all 0.2s; } div#page-section-602229b710c48c03e7757b96>.row .image-block { overflow: hidden; } 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