Background image with content in Guided LP Template | Community
Skip to main content
B
BalaNivetha
Level 1
April 30, 2025
Question

Background image with content in Guided LP Template

  • April 30, 2025
  • 2 replies
  • 440 views

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

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.

2 replies

uditmathur
Community Advisor
uditmathurCommunity Advisor
Community Advisor
April 30, 2025

Hi @balanivetha ,

 

Can you elaborate what issue you are facing.

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

NiharikaGoyal
NiharikaGoyal
Level 3
April 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!!


Terms & ConditionsAccessibility statement

Loading footer...