JakeLake Posted September 14 Share Posted September 14 (edited) Greetings from Oslo, Norway! So I need a colored frame around each of the 3 images on hover. Preferably with the same 'dimmer' effect as on the buttons. Thank you so much for your much appreciated assistance! Julegaver online | Utvalgte julegaver og gavekort pรฅ ett sted ๐๐๐ ๐ปโ๏ธ๐ โ 3 gode รธnsker Edited September 14 by JakeLake new info Link to comment
Solution Ziggy Posted September 15 Solution Share Posted September 15 Start with adding this to Custom CSS, and adjust the colours/values: section[data-section-id="65033d135c97b71794cecedc"] { .sqs-block-image { border:5px solid red; transition:ease-in-out 300ms; &:hover { opacity:0.85 } } } Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me:ย https://squarefortytwo.comย ๐ย Ghost Squarespace Pluginsย (Referral link) ๐ย SEO Spaceย (Referral link) โฌย SquareWebsites Pluginsย (Referral link) โจ Spark Pluginย (Referral link)ย โย Did I help? Buy me a coffee? Link to comment
JakeLake Posted September 15 Author Share Posted September 15 Almost there... - the borders should only appear on hover - borders should be with the same rounded corners ๐ ย Link to comment
Ziggy Posted September 15 Share Posted September 15 Do you need help with that? section[data-section-id="65033d135c97b71794cecedc"] { .sqs-block-image { transition:ease-in-out 300ms; &:hover { opacity:0.85; border:5px solid red; border-radius:20px; } } } Adjust the values. Can you mark my post as the solution and give it a like? Thanks! Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me:ย https://squarefortytwo.comย ๐ย Ghost Squarespace Pluginsย (Referral link) ๐ย SEO Spaceย (Referral link) โฌย SquareWebsites Pluginsย (Referral link) โจ Spark Pluginย (Referral link)ย โย Did I help? Buy me a coffee? Link to comment
JakeLake Posted September 16 Author Share Posted September 16 On 9/14/2023 at 7:41 PM, JakeLake said: Greetings from Oslo, Norway! So I need a colored frame around each of the 3 images on hover. Preferably with the same 'dimmer' effect as on the buttons. Thank you so much for your much appreciated assistance! Julegaver online | Utvalgte julegaver og gavekort pรฅ ett sted ๐๐๐ ๐ปโ๏ธ๐ โ 3 gode รธnsker Wonderful - quick and effective response! 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