SOLVED

How to add background image in Landing Page

Go to solution
Colleen_Jones
Level 2

How to add background image in Landing Page

I think this is probably simple but I cannot find the answer in any documentation or discusssions. I want to have an image fill the background of my landing page. I've tried to add the image url to the backgroundimage in the outerWrapDiv and the mktContent but the url value does not stay in the box. I'm trying to paste the url in the drop down mneu of the Template Elements within the Landing Page. What is the best way to do this? I want the image to retain the same aspect ratio but fill the browser screen.

Tags (1)
1 ACCEPTED SOLUTION

Accepted Solutions
SydneyMulligan
Level 10 - Champion Alumni

Re: How to add background image in Landing Page

Are you formatting the URL correctly when you paste it into the box? You should use the background-image property like this:

background-image: url("paper.gif");

CSS background-image property

View solution in original post

7 REPLIES 7
SydneyMulligan
Level 10 - Champion Alumni

Re: How to add background image in Landing Page

Are you formatting the URL correctly when you paste it into the box? You should use the background-image property like this:

background-image: url("paper.gif");

CSS background-image property

Colleen_Jones
Level 2

Re: How to add background image in Landing Page

That was it. Thanks so much.

I do have another question... I'm linking several landing pages and don't want a new one to open each time. What is the best way to do this?

SydneyMulligan
Level 10 - Champion Alumni

Re: How to add background image in Landing Page

Make sure that the "target" attribute in the <a> is not set to "_blank"

HTML link target Attribute

By default things should open in the same window, but if they're not you can set the target to "_self"

SydneyMulligan
Level 10 - Champion Alumni

Re: How to add background image in Landing Page

Also do you mind marking my answer as "correct"?

Colleen_Jones
Level 2

Re: How to add background image in Landing Page

Where do I do that? I put the linkUrl in the image element within the landing page template. Do I need to add a new html box and put the code in that? Sorry I'm a novice

SydneyMulligan
Level 10 - Champion Alumni

Re: How to add background image in Landing Page

Hmm, yeah, try adding an HTML element instead of the image element so you have more control over it. You can structure it like this:

<a href="[LINK]"">

<img src="[IMAGE URL-you can find this in Design Studio where you uploaded the image]" />

</a>

Colleen_Jones
Level 2

Re: How to add background image in Landing Page

Perfect. Thanks so much for the help!