Register

What is the Background Repeat and how can I use it to design my landing page ?

After you've begun defining your landing page's structure using the various Containers, you can also start adding Elements to each available slot, filling the structure with content. Each Container you use comes with its own fully customizable group of Container settings. One of the most useful options contained in the settings is the Background Image Repeat option.

Let's see what it does:

1. Click on the Settings symbol, appearing on the right side of the Container when you place your mouse over it, to open the Container settings.
Landing_pages-Background_image_repeat_1.png

Make sure that you have already uploaded an image as a background for the particular Container, using either the Upload Image or the Or enter URL options. If no image has been uploaded as a background for the Container then there is no way to take advantage of the Background Image Repeat and so it won't appear as an option on this particular Container's Settings.

2. Click on the Background Image Repeat drop-down menu, located on the left side of your Landing Page Designer page.

You have the following options:

  • no-repeat
    Removes any tiling of the image you uploaded, keeping one instance of the image. This is the default option.

  • repeat-y
    Tiles the image on the vertical (Y) axis of the row.

  • repeat-x
    Tiles the image on the horizontal (X) axis of the row.

  • repeat
    Tiles the image on both the vertical (Y) and horizontal (X) axes of the row.

  • Full width
    The image is expanded to take up the entire space available within the Container.

3. Choose the repeat option.         Landing_pages-Background_image_repeat_3.png
 
The image you've uploaded should fill up the row's background.

Now that you're familiar with how the background image of a row can be changed and filled up quickly, you're no longer limited to just background colors. Take advantage of your new tools to tweak your design and make it look just perfect!