Product

Create, publish and optimize pages with a drag&drop, pixel perfect and mobile-friendly builder

Speed up the creation process with 400+ customizable templates for landing pages, pop-ups and sections

Track microconversions in your Dashboard and analyze events and clicks with visual map

Integrate your pages with your favorite mar-tech apps and solutions to get the flow of your campaign going

Drive sales and conversions with irresistible product displays and seamless shopping experiences

Use a reliable and secure platform that smoothly handles millions of visits

Resources

Master digital marketing with the help from savvy professionals and increase your website’s conversions

Guides for beginners, set-up instructions and creation tips to get started and optimize your pages

A free online course for landing page creators! Learn the secrets of high-converting pages and become an expert

Get the answers you’re looking for – contact us

Schedule a one-on-one meeting with us and learn more about the benefits of our platform

Hire a Design Expert or order an import of your existing page from other platforms to Landingi

Home Help Center Landing page section background

Landing page section background

TABLE OF CONTENT

In the Landingi platform, you can choose from four types of background for each section – full color, gradient, image, and video (from YouTube or Vimeo).

Setting a section background

1. Go to the editor of your landing page.

2. Drag and drop a section widget or click on a section. In the right-side toolbar, you will see section options. Use the slider to turn on the background (1). Select the background style (2).

Learn more about the background for the whole landing page here.

Image

1. Click Change image to select an image for the section.

2. Upload the image from your computer or use the Unsplash free image gallery. Choose a picture and double-click or click and Save & close

3. Select Full width (1) if you want the image spread over the entire section width. You can set the position and adjustment of the image in the background by using the panel options (2).

TIP: Learn about the parallax effect.

4. You can also apply a layer of color to the image. Click on Under or Over (1), select the color (2), and then set the transparency level.

Solid color

1. Click on the color box (1) to choose a color for the section background and adjust its transparency (2). Select Full width if you want the color to be spread over the entire section width.

2. If you want to save your favorite colors, click on the heart icon (3)

Gradient

1. For your background, select two colors for a smooth transition between them. Select Full width if you want the gradient to be spread over the entire section width.

2. Set the angle of transition. 

Video

A YouTube or Vimeo video embedded as a background will surely attract landing page visitors!

1. Paste the URL (1) of the clip. Select Full width if you want the video to be spread over the entire section width.

2. You can also apply a layer of color to the background video. Click on Under or Over (2) and click on the color box (3).

3. Choose your color (1) and set the transparency level (2). If you want to save your favorite colors, click on the heart icon (3)

4. A video as a section background does not work on mobile devices – you will only see its thumbnail. If you want, you can set a different background on the mobile view. Take a look here and find out how to hide elements on the selected view.