How to Insert text over a background image?

2 replies
5830 views

Hi there,

I would like to insert a non clickable title and a clickable button over an image.

Can you please help?

Thanks :)

This topic has been closed for replies.

Jessica eCommerce BadasseryAnswer

Partner

@Ness

When using the new drag and drop builder…

Add a new section to use for your image and text

Add your image as a background image on the content area of the section

Drag you heading and button block into the section

You may have to add some spacers to get the items to line up the way you want them to and to show more of the image.

Because the image is on the background, the height will be dependent on the height of the section.

make sure to check your mobile layout as well. You might have to have different spacer sizes on the different devices.

eCommerce + Email Marketing Strategist | eCommerceBadassery.com

Jessica eCommerce BadasseryAnswer

Partner

@Ness

When using the new drag and drop builder…

Add a new section to use for your image and text

Add your image as a background image on the content area of the section

Drag you heading and button block into the section

You may have to add some spacers to get the items to line up the way you want them to and to show more of the image.

Because the image is on the background, the height will be dependent on the height of the section.

make sure to check your mobile layout as well. You might have to have different spacer sizes on the different devices.

eCommerce + Email Marketing Strategist | eCommerceBadassery.com

Taylor Tarpley

Community Manager

Hi @Ness,

@Jessica eCommerce Badassery hit the nail on the head here, she’s a great source of truth! Happy to see ya again in the Community @Jessica eCommerce Badassery!

Here’s our helpful documentation on how to do this as well for reference!

Thanks for participating in the Community!

-Taylor

Sign up

Use your Klaviyo credentials

Log in to the Community

Use your Klaviyo credentials