Become a HubSpot power user — join us for HubSpot Training Day 2017.

COS-General

Why is my background image not repeating on the whole page?

Last updated: May 26, 2017

Available For:

Marketing: Basic, Pro, Enterprise
Sales: N/A

By default, the background-repeat value for a background image will repeat both horizontally and vertically on the page. However, if any repeat value is set, the default is no longer applicable and you'll only see it once – only on x or only on y.

If you need to adjust your css declaration for a background image you may use the following snippets in the style declaration for the element.

Horizontal Repeat:

background-repeat:repeat-x;

Vertical Repeat:

background-repeat:repeat-y;

No Repeat:

background-repeat: no-repeat;

If you want the image to repeat both horizontally and vertically you may use:

background-repeat: repeat;

Was this article helpful?