Archived topic
Tiling Pictures
3 replies · Started by Charles on April 22, 2021
Hi,
On this website
https://ultimate-fitness.org.uk/free-weights.aspx I created an effect where half the page is text half is the picture.
Next section the picture comes first then the text.
The template made that a simple substitute your picture for theirs.
This page using Generatepress is getting closer
https://new.ultimate-fitness.org.uk/free-weights/ but I am struggling to think how to move the gutter between the two pictures.
I have used some negative margin to get rid of the vertical gaps but I still have the horizontal gaps.
Is there a simple solution to this conundrum?
Any thoughts much appreciated.
Hi there,
instead of using the Core Columns Block - use the GenerateBlocks Grid Block - it provides complete control for vertical and horizontal grid gaps - so no CSS and negative margins required:
https://docs.generateblocks.com/article/grid-overview/
If you need any more assistance with that can you ask over in the GenerateBlocks support forum. Or join the GB Community :)
Hi David,
Thank you for that speedy response and very accurate diagnosis. Exactly the pointer I was looking for.
I have not cracked it 100% as yet but with a bit more exploration and experimentation hopefully I will.
Kind regards
Charles
You're welcome
