Background Image Size

[guybower1]

Hi

I have a background image on a column, but I am having some difficulty in having it take up as much it should.

Here is a screenshot of it when editing the page

And this is how it actually looks when previewing the page

Would you mind letting me what is stopping this from taking up all the space available?

cheers

[lely]

Hi @guybower1,

Size of a background image will depend on the container size. For example, you add it on a section/row/column, it’s height will depend on the elements you added inside it and also the paddings. Less content mean less of the container height where it is added thus you can see less of the background. This the reason why on mobile when the elements stack on top of each other, there’s more space the background will cover.

On your setup, you see it like that becaise of just 1 paragraph line height. That’s the default content of empty columns. To achieve what you want, to increase that background display, you have 2 options:

1. Add top or bottom padding. Play with the value to get correct height.
2. Add GAP elements.

Hope this helps.

[guybower1]

Thanks Lely

I didn’t realise a column had a default height of only 1 paragraph. I thought it would fit to the height of the image.

Thanks again. All fixed now. In fact I changed plans and put the image on a row instead of a column and it is fine now

Thanks again

[lely]

You’re always welcome @guybower1!

Cheers.