davecooperphoto Posted February 18, 2023 Share Posted February 18, 2023 Hello, I have a tweak I want to make to a Grid: Simple Section on my site: https://www.davecooperphoto.com/stories I want to modify the hover to this: img:hover {transform:scale(1.05); width:100%; height:100%; overflow:hidden!important;transition-duration: 1s} This same code is working well on this page: https://www.davecooperphoto.com/portraits and I just want to make it consistent. I believe I just need the label for above the code? Thanks, Dave Link to comment
tuanphan Posted February 21, 2023 Share Posted February 21, 2023 You mean make both image zoom consistent? 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!) Link to comment
davecooperphoto Posted February 21, 2023 Author Share Posted February 21, 2023 Yes—I'd like this to be the default hover for all grid galleries. Link to comment
davecooperphoto Posted February 21, 2023 Author Share Posted February 21, 2023 Currently, the only page that's not functioning the way I want it to is a gallery page here: https://www.davecooperphoto.com/stories It is following the site wide style "zoom." However, I used custom code to change it on galleries. I'd like it to match on the /stories page. Essentially, I want to override the site-wide hover state for galleries. 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