Ayesha Posted October 13, 2019 Share Posted October 13, 2019 Hi all. I really want to have 3 images in a row with a text overlay (so I've used Poster as the image style) with gaps in between. Ive tried Spacers but it comes to 11 units so I have an extra gap on either side:space-image-image-space-image-image-space-image-image-space-space I made it 4 as you can see in the screenshot attached, but would prefer 3. I also dont want them full width, hence I'd like spacers on the side. Link: https://www.designgoals.co/start-ux-course Link to comment
VoxPop_Agency Posted October 18, 2019 Share Posted October 18, 2019 Hi, Have you considered using a gallery block with grid design? If you use image blocks you are dealing with three individual content blocks on a row, which makes custom margin removal really hard. It would be much easier to use a gallery block and then look up the block ID & then give margin-left and margin-right values of -30px (or whatever it takes to remove the extra white space around the images). This however requires a business plan on Squarespace (because of Custom CSS) but I'd guess your site runs on business plan. Or, if you wanna go with gallery block, you can simply apply our code & create full-width gallery in no time. Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.