tuanphan Posted March 31 Share Posted March 31 On 3/29/2024 at 9:21 PM, ArcherDougherty said: Hello, thank you. Password is: archer2024 for the site https://cobalt-mustard-hn3a.squarespace.com I want to make sure the effect only applies to images that are links. None of the other images in galleries should have the effect 🙂 thank you! You mean linked images on homepage? Use this code to Website > Website Tools > Custom CSS figure.gallery-strips-item a:hover img { opacity: 0.5; } 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
ArcherDougherty Posted April 1 Share Posted April 1 So it happens with all the strip galleries no matter if they are clickthrough links or not; how can I get a hover effect ONLY on images that are clickthrough links? Thanks. Link to comment
ArcherDougherty Posted April 1 Share Posted April 1 On 3/31/2024 at 7:36 AM, tuanphan said: You mean linked images on homepage? Use this code to Website > Website Tools > Custom CSS figure.gallery-strips-item a:hover img { opacity: 0.5; } I need images that have clickthrough page links to only have this effect - not all strip galleries. Thanks 🙂 Link to comment
tuanphan Posted April 3 Share Posted April 3 On 4/2/2024 at 3:58 AM, ArcherDougherty said: I need images that have clickthrough page links to only have this effect - not all strip galleries. Thanks 🙂 I see it already fine to me, you can clear browser cache and check again https://cobalt-mustard-hn3a.squarespace.com/?noredirect 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
ArcherDougherty Posted April 3 Share Posted April 3 4 hours ago, tuanphan said: I see it already fine to me, you can clear browser cache and check again https://cobalt-mustard-hn3a.squarespace.com/?noredirect The hover effect has been applied to all strip galleries, not just the ones that are clickthrough links, as you can see in the recording. The images that have links are the first ones in the recording, with the hand obviously to imply a link, but the other strip galleries also have the hover effect without links. Screen Recording 2024-04-03 at 8.45.00 AM (1).mov Link to comment
tuanphan Posted April 5 Share Posted April 5 On 4/3/2024 at 9:52 PM, ArcherDougherty said: The hover effect has been applied to all strip galleries, not just the ones that are clickthrough links, as you can see in the recording. The images that have links are the first ones in the recording, with the hand obviously to imply a link, but the other strip galleries also have the hover effect without links. Screen Recording 2024-04-03 at 8.45.00 AM (1).mov I see it is fine to me. See video: https://www.loom.com/share/937166a039a045e99b20c29881f99d7e 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
ArcherDougherty Posted April 8 Share Posted April 8 On 4/5/2024 at 3:59 AM, tuanphan said: I see it is fine to me. See video: https://www.loom.com/share/937166a039a045e99b20c29881f99d7e All strip galleries have this effect. I want it to ONLY HAPPEN to images that ARE CLICKABLE LINKS. Link to comment
nicki-patsios Posted April 10 Share Posted April 10 @Ziggy @tuanphan I added this code to the website (https://www.jeffreylaimd.com/) and they love the effect on everything but these images I attached screenshots of - these are under every page that fall under conditions and treatments. What is going to be the easiest way to code this? I used your code from above which applied the effect everywhere like you said. .sqs-block-image img { opacity:0.6 transition:ease-in-out 300ms; &:hover { opacity:0.9; } } Could we add code for these specific images to not opacity image hover? Otherwise I would have to list out EVERY image on the website except the ones I grabbed screenshots of. Please advise? Also is there an easier way to get the div/block id so I am coding the right thing? Feels like I am always pasting the wrong thing and takes forever to get code to work... 🙏 Link to comment
tuanphan Posted April 13 Share Posted April 13 @nicki-patsios I don't see these images on the link you shared. Can you check it again? 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
nicki-patsios Posted April 17 Share Posted April 17 @tuanphan the images are on these pages: https://www.jeffreylaimd.com/men-bioidentical-hormone-rep-therapy https://www.jeffreylaimd.com/women-bioidentical-hormone-rep-therapy https://www.jeffreylaimd.com/pediatric-sports-medicine https://www.jeffreylaimd.com/preventive-aging-consultation https://www.jeffreylaimd.com/musculoskeletal-ultrasound https://www.jeffreylaimd.com/sports-concussion https://www.jeffreylaimd.com/prp-injections Link to comment
tuanphan Posted April 19 Share Posted April 19 On 4/17/2024 at 8:25 PM, nicki-patsios said: @tuanphan the images are on these pages: https://www.jeffreylaimd.com/men-bioidentical-hormone-rep-therapy https://www.jeffreylaimd.com/women-bioidentical-hormone-rep-therapy https://www.jeffreylaimd.com/pediatric-sports-medicine https://www.jeffreylaimd.com/preventive-aging-consultation https://www.jeffreylaimd.com/musculoskeletal-ultrasound https://www.jeffreylaimd.com/sports-concussion https://www.jeffreylaimd.com/prp-injections This code for /men-bioidentical-hormone-rep-therapy page Use this code to Custom CSS box div#block-88d39a948f3aefa15588 { img, .sqs-image-content { opacity: 1 !important; }} Repeat similar for other images, use this code to find image block id https://chrome.google.com/webstore/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff nicki-patsios 1 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment