How to add background image in Landing Page

[Colleen_Jones]

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.

[SydneyMulligan · Accepted solution]

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]

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]

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]

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

[Colleen_Jones]

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]

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]

Perfect. Thanks so much for the help!