cozy_potato Posted April 3 Share Posted April 3 Hi there, For my Blog I have a side-by-side blog overview with a border. For the thumbnail Image I would like to have the image fill the space and get rid of the white borders on top and bottom. Site URL is: https://grasshopper-swordfish-m3kz.squarespace.com/blog Password: Hawaitoast Thanks in advance for your help. Link to comment
Ziggy Posted April 3 Share Posted April 3 Add this to the Custom CSS on your website: .blog-side-by-side .blog-item { padding-top:0; padding-bottom:0; } Hope that works for you! 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
cozy_potato Posted April 6 Author Share Posted April 6 Yes this helps with the Image but when I leave the padding at 0 my read more buttons overlap with the outline of my container on smaller resolutions. This is why I fumbled around with the padding. I'm a CSS Beginner and I have the feeling I overlook something really obvious. Link to comment
Ziggy Posted April 6 Share Posted April 6 A difficult problem, it's not really built to deal with that border, you could try this Custom CSS that should help keep the width larger so it's less likely to overlap: @media only screen and (max-width: 1000px){ .blog-side-by-side .blog-item { width: 100%; margin-left: 0; } } tuanphan 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