[ad_1]
I love the visual of text overlapping images or other blocks, like the screenshot below. But how do I achieve this in a block-based theme?
For my header, I want the text to float on top of several images. See the below Squarespace template demo by GoLive for an example:
[https://golivejada.squarespace.com/](https://golivejada.squarespace.com/)Is this possible without creating a big image collage and using it as a cover, because I think that would look a bit rubbish.
Thanks!
https://preview.redd.it/fi6u48jyzd7d1.png?width=1944&format=png&auto=webp&s=516da048282b280905aa83a42a4cdb01722dce8e
[ad_2]
Right-click the demo site you shared and see how they did it. In that example it isn’t a “big image collage and using it as cover” every image is an individual image as it should be. They are just using CSS grid and positioning them where they want to create the collage effect. You could also achieve the same thing with absolute positioning if needed, but grid would probably be the overall better way to go.