How to Stop the Background from Repeating

Advanced Technique

Sometimes with really long pages, you may find the background on your site repeating somewhere near the middle or end of the page. Follow the instructions found here to stop the background from repeating using some CSS.

This is a normal type of header for a MemberGate Page:

How to Stop the Background from Repeating

This particular page is very long, and as you can see, the background is repeating. This definitely looks out of place and the page would look better without that repeating background. 

How to Stop the Background from Repeating

To Stop the Background from Repeating with CSS

1. Under 'Master Settings' choose 'Edit Font Settings'

Edit Font Settings

2. In the 'Extra Style Sheet Tags' box add the following code:

body { background-color: #FFFFFF; background-repeat: repeat-x; }

**change the background color to a hexadecimal color that makes sense for the rest of your page color. For example, if the rest of your background is black, use background-color: #000000;

How to Stop the Background from Repeating

3. Press the 'Apply Style Changes' button. 

How to Stop the Background from Repeating