thewriterb Posted February 5 Share Posted February 5 Hello, First off I am a total newbie here. I am looking for a way to add a drop shadow to the images in my Instagram feed. I did find some CSS to do this: .sqs-gallery-block-grid .slide .margin-wrapper a.image-slide-anchor[href] {box-shadow:5px 5px 8px 2px rgba(0,0,0,025)!important;} It mostly worked. The problem is the image to the far right has its shadow cut off on the right. I believe I can see a bit cut off on the far left image on its left side, but not as visible. I have no idea how to get the shadows to work. In addition to adding a drop shadow on the Instagram feed, I also want to add drop shadows to one of my blogs that just has images on the posted pages. The gallery is the GRID. If it matters, I have a summary block connected to this blog. The code i tried for the Instagram feed also adds drop shadows to these images as well, with the same cutoff issue. I have added drop shadows to other mages, but there are just images. You see the Instagram feed on my home pages at: www.ofwhitewalls.com Here is a link to one of my images pages that have this issue: https://www.ofwhitewalls.com/blink-blog/blog-post-title-one-k63ak-cz9m6-b8j4l I am using 7.1. Thanks for any help. Link to comment
Solution Ziggy Posted February 6 Solution Share Posted February 6 This CSS should fix the cut off drop shadows: .sqs-gallery-block-grid { padding: 16px; } thewriterb 1 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
Ziggy Posted February 6 Share Posted February 6 1 hour ago, thewriterb said: thank you so much! No problem! Can you mark my post as the solution to your question and give a thumbs up? Thanks! thewriterb 1 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment