Insert to image background 1/2 size with overlaid text

wood1e · February 2018

Hi,

I am looking for a way to insert these two inmages, side by side as they are: https://screencast.com/t/EifALWebz

So far I have used Hover and 'Flat Box'

What I want do if set these two images are a background image and then over lay with a link and text.

Many thanks in advance

Bryan · February 2018

Hi,
follow these steps:
1. Create a section
2. Insert two 1/2 wraps and edit them to enter your background image, best to set background-size to cover
3. Insert a column in each wrap to insert content on the image.

If you did it right you should have 2 images next to each other with text on them.
TO adjust the size and spacing edit the wraps and set the padding, enter : 30px 5% this will make 30px of space from top and bottom and 5% space from left and right.
thanks

wood1e · February 2018

hi,

Many thanks for that, I am slowly getting the hang of it. At the moment the two images sit underneath the banner here: https://screencast.com/t/oDnbCPayyC9L

Do I need to insert 'Margin-top' to move it away from the banner, or do I need 'divider'?

This what I am looking for: https://screencast.com/t/JhFHemZ3V8d4

Many thanks for you help so far

Bryan · February 2018

The best sollution would be to edit the section and find the padding-top field where you should add padding.

wood1e · February 2018

of course..simple

Insert to image background 1/2 size with overlaid text

Comments

This website uses cookies