[Resolved] Bottom Margin with Generate Blocks

[David]

Hi team,
I’m working on re-creating a clients home page!
One container has a background image, and another image slides up using some animation to align with the bottom of the background image.
But despite everything I can think of, I can’t make it align.
The weird thing is I have reproduced it on my play site, and it works perfectly.
Here is the play site:
https://perthevents.com/play-grids/
Development site is in the link below (row is a fair way down, warehouse image with a box that animates up).
I can fudge it by applying some negative bottom margin for the container the image is in, but that just doesn’t seem the right thing to do!
Also if you have time, I uploaded a logo for this play site, just a tick and the word Services.
But on Firefox, the tick appears as another broken character – most weird! (it’s an SVG)
Thanks, Dave

[David]

Hi there,

try editing the Grid Container and change the Vertical Alignment to Bottom.

Where is the tick logo ?

[David]

Thanks David,
Darn, I could have sworn I tried that settings, but must have missed it – all good!

That SVG Logo is the logo on this site:
https://perthevents.com/

This is a play domain I am using to learn GB.
The logo (Tick + the word Services) appears fine on Chrome and Edge (& Safari on Mac), but on Firefox (ver 76 on Windows), shows an odd broken character where the Tick should be!

Thanks, Dave

[David]

Your SVG contains fonts – you need to Convert them to Paths in whichever vector application you use.

[David]

OK, thanks!
Dave

[David]

You’re welcome

[Author]

Posts