jessjessanderson Posted February 20, 2021 Share Posted February 20, 2021 (edited) Site URL: https://bassoon-crocodile-e6be.squarespace.com/ Hi all, I have applied a box shadow to one of my image cards, however I have noticed that the corner (circled in image) has no shadow showing. My eyeballs can't handle the inconsistency, so I'm wondering if anyone can help me with this. I have added a code snippet below and website details. .image-block-outer-wrapper.design-layout-card { box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.2), 0 5px 20px 0 rgba(0, 0, 0, 0.01); } Thanks in advance! -- Details: Website: https://bassoon-crocodile-e6be.squarespace.com/ Password: password Edited February 20, 2021 by jessjessanderson Beyondspace 1 Link to comment
Beyondspace Posted February 20, 2021 Share Posted February 20, 2021 33 minutes ago, jessjessanderson said: Site URL: https://bassoon-crocodile-e6be.squarespace.com/ Hi all, I have applied a box shadow to one of my image cards, however I have noticed that the corner (circled in image) has no shadow showing. My eyeballs can't handle the inconsistency, so I'm wondering if anyone can help me with this. I have added a code snippet below and website details. .image-block-outer-wrapper.design-layout-card { box-shadow: 0 4px 15px 0 rgba(0, 0, 0, 0.2), 0 5px 20px 0 rgba(0, 0, 0, 0.01); } Thanks in advance! -- Details: Website: https://bassoon-crocodile-e6be.squarespace.com/ Password: password #block-yui_3_17_2_1_1613769163682_51557 .image-block-outer-wrapper.design-layout-card { box-shadow: 0 4px 15px 0 rgb(0 0 0 / 20%), 0 5px 20px 0 rgb(0 0 0 / 1%); z-index: 9999; } Add this into your snippet BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox) 🗓️ Delivery Date Picker (Squarespace Date format) 💫 Animated Buttons (Referral URL) 🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations) 🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates) If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you! Link to comment
jessjessanderson Posted February 20, 2021 Author Share Posted February 20, 2021 It's unfortunately not working for me, it seems to have a problem with the rgb element Link to comment
jessjessanderson Posted February 20, 2021 Author Share Posted February 20, 2021 Just got it working, thank you for your help! Link to comment
Beyondspace Posted February 20, 2021 Share Posted February 20, 2021 2 minutes ago, jessjessanderson said: It's unfortunately not working for me, it seems to have a problem with the rgb element I just added the line z-index: 9999; BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox) 🗓️ Delivery Date Picker (Squarespace Date format) 💫 Animated Buttons (Referral URL) 🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations) 🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates) If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. 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