BACKGROUND IMAGE REPEAT


Background Image Repeat lets you repeat your image either horizontally across the 'X' axis, or vertically across the 'Y' access.

MOBLE CMS Background Image Repeat


For 'Background Image Repeat' to work effectively, in most cases, your image must be shorter than the row width or height. For this reason 'Background Image Repeat' is most frequently used when the 'Background Image Fit' is set to 'Contain'. If 'Background Image Fit' is set to cover, you will not see your image repeat on the 'X' axis since the image will cover the entire width.

NO REPEAT:

'No Repeat' will simply show one instance of the image. This is often used in combination with 'Background Image Fit' set to 'Contain'.

REPEAT X:

'Repeat X' will repeat the image horizontally from left to right. This is often used in combination with 'Background Image Fit' set to 'Contain', when the image is shorter than the row width. You can also use the 'Content Alignment' tool to determine if the first image is set to 'Left', 'Centre' or 'Right'.

REPEAT Y:

'Repeat Y' will repeat the image vertically from top to bottom. This is often used in combination with 'Background Image Fit' set to 'Contain', when the image is shorter than the row height. The first image will be aligned from the top.

REPEAT BOTH:

'Repeat Both' will repeat the image both horizontally from left to right and vertically from top to bottom. This is often used in combination with 'Background Image Fit' set to 'Contain', when the image is shorter than the row width and height. You can also use the 'Content Alignment' tool to determine if the first image is set to 'Left', 'Centre' or 'Right'.

TIP:

'Repeat Both' can create a tiled look and therefore looks great with a small shape. A great tip is to use a small transparent .png file and use background colour to create a tiled look with your brand colours in the background. You may then use a 'Background Overlay' to ensure that your text is legible on top of the tiles. You may try this technique with 'Repeat X' and 'Repeat Y'.

WEBSITES WITH MOBLE

 202, 56 Bowman Street Pyrmont NSW 2009
© Copyright 2018 MOBLE Pty Ltd
Home | Terms | Privacy