Fluid Engine

Hi

I am uing Fluid Egine to layout my pages. But it seems that for example if I add an image the a text block beeath that I can position it so in touches he botom of the image as it seems to snap to the grid size I have got.

Finding myelf using loads of CSS to position elements precisely.

Am I doing something wrong?

Thanks

Can you share your website URL and maybe a few screenshots to demonstrate the issue you are having?

6 hours ago, DavvaMC said:

But it seems that for example if I add an image the a text block beeath that I can position it so in touches he botom of the image as it seems to snap to the grid size I have got.

Finding myelf using loads of CSS to position elements precisely.

Hi @DavvaMC oh no! You shouldn't have to use CSS to position elements.

I've taken your example of placing Text Block beneath an Image Block, see below.

Grid - has gap

By default, the Gap for a section is set to "has gap", which has a gap between the rows and columns. You can't place a Text Block directly below or touch an Image Block in this setting.

Grid - has no gap

If you want blocks to be touching each other, you can change the Gap setting to "no gap". Edit Section > Design > Gap > choose the 1st one that shows no gaps.

You can now place blocks up against each other with their blue boxes touching. 

Let me know if this helps address your issue. 

Thanks if I select no-gap it means when i add an image and text blcok in one halpf and an image and text blok in another half the vertical gap is also 0.

Would I need to add custom cs to give a space in between (vertically)

Hope that makes sense.

1 hour ago, DavvaMC said:

Thanks if I select no-gap it means when i add an image and text blcok in one halpf and an image and text blok in another half the vertical gap is also 0.

Would I need to add custom cs to give a space in between (vertically)

Hope that makes sense.

Please share a screenshot of what issues you are seeing, and how you want them to look.

Edit: btw I updated my previous post with the relevant screenshots.

Thanks, I have selected no-gap and horizinal gap = 11

But the image and blach boxes also need the same gap. But if I do that the text above the image blocks space increasing and I cannot then align the sub text closer to the title as it is snapping to the grid!

Phewww hope that make sense!

19 minutes ago, DavvaMC said:

Thanks, I have selected no-gap and horizinal gap = 11

But the image and blach boxes also need the same gap. But if I do that the text above the image blocks space increasing and I cannot then align the sub text closer to the title as it is snapping to the grid!

Phewww hope that make sense!

I can't tell without the grid enabled or a URL. 

But if you have set vertical to be no gap, then it seems like the text block above your image is too big. Drag it from down so it can no longer be any smaller (red line). Then set the alignment of the text to the bottom. This should give you the least amount of space between the text (top) and the image (bottom).

Thanks, I will give it a go.