• Background Images

Background Image Guidelines

While these are not mandatory, your background images should ideally be:

• In .jpg format.
• Have a file size less than 500kb.
• Horizontally rectangular in shape (there is no specific ratio).

Implementing Background Images

You can have one or multiple background images on a page. If multiple, they will fade in and out. While you can technically have as many as you want, a good maximum number is five.

1. Go to that page's Settings → Featured content sliders.
2. Enter something descriptive in the Label field. For example, if it's a picture of a person on a bench, you could title it "Person on Bench".
3. The Headline field allows you to reposition your image without having to crop it. If you don’t need to do this, leave this field blank. Otherwise, see the next section titled Repositioning Background Images.
4. In the Page to feature field, enter the current page's slug.
5. Click Choose File and choose your image.
6. Save.
7. Repeat for as many background images as you want on that page.

Repositioning Background Images

Sometimes an important part of the image gets cut off on the website. By default, the image you uploaded is centered in it's frame. To adjust the position of the image without having to crop it:

1. Go to the Featured Content Slider's → Headline field.

2. Enter two values in either of the following formats:

   • center center

   • 50% 50%

The first value determines the image's horizontal positioning and the second its vertical positioning.

You can use center, right, or left for the first value and center, top, or bottom for the second value.

For more precision, use percentages from 0 → 100: