Background image with content in Guided LP Template

BalaNivetha · ‎04-29-2025

How to create a background image with contents in a Guided lp template.

NiharikaGoyal · ‎04-30-2025

Hi @BalaNivetha To create background image section, you have to use HTML inside <body> tag. Here is the piece of code just for your reference:

<div style="background-image: url('IMAGE URL');
background-size: cover;
background-position: center;
text-align: center;
padding: 100px 20px;
color: #FFFFFF;
font-family: Arial, sans-serif;">
<div class="mktoText" id="edit-content" mktonam="Edit Content">
<h1 style="font-size: 48px; margin: 0;">Your Headline Here</h1>
<p style="font-size: 20px; margin-top: 10px;">Optional subheadline or CTA</p>

</div>
</div>

You can edit this code according to your design. To make the background image editable you can use mktoString variable. You can take the reference from Docs

Hope that would helpful.

Thanks!!

uditmathur · ‎04-29-2025

Hi @BalaNivetha ,

Can you elaborate what issue you are facing.

Meanwhile read through this for more details on images in LP.