Setting site backgrounds

You can set a background image or color for your site – or for sections within your site – from the Colors & styles screen. If a background image or color already appears in your theme, you can change or remove it. You can also select background images or colors for placeholders, layouts, and content gadgets when editing them from the Site pages screen.

When selecting a background image, you can choose from the theme-specific image library, or choose an image file from your Wild Apricot account. For information on customizing the images that are available from your theme-specific image library, see Customizing theme background options.

You can also assign a background image or color to layouts, content gadgets, and placeholders.

Setting a site background image or color

To set the site background or color, follow these steps:

1. From the Website module, click the Colors and styles option at the top of the screen.
   
2. For Blueprint, Bookshelf, Building Blocks, Casefile, Clean Lines, Dark Impact, Fiesta, Firma, Homestead, Kaleidoscope, Showcase, Skyline, Terra, Tinted Tiles, Treehouse, Whiteboard, and White Space themes, expand the Backgrounds section. For all other themes, expand the Site section.
   
3. For Business Casual and Granite themes, expand the Content subsection. For Blueprint, Bookshelf, Building Blocks, Casefile, Clean Lines, Dark Impact, Fiesta, Firma, Homestead, Kaleidoscope, Showcase, Skyline, Terra, Tinted Tiles, Treehouse, Whiteboard, and White Space themes, expand the section where you want to set the background image or color. For example, you might want to set or change the background for the entire site or just for the outer header. For more information on section choices, see Setting the background for sections (below).
4. To set a background color, click the down arrow to the right of the Background color option. From the color palette that appears, you can select a color or enter the hexadecimal code for the color (e.g. #FF0000 for red). Colors that are used in or compatible with the current theme appear along the top of the palette.
   
5. To set a background image, click the ellipsis button ( ... ) to the right of the Background image option and choose an image from the theme-specific image library or one from your Wild Apricot account.
   To remove an existing image, click the X button.
6. If you selected a background image, you can use the Background repeat options to control whether the background is repeated horizontally or vertically, or both (tiled) or not at all.
7. Click the Save button to save your changes.

Setting the background for individual sections

You can apply background images or colors to different sections within your site pages. The sections that are available vary by theme.

Business Casual, Granite, and Nature themes

For Business Casual, Granite, and Nature themes, you can only set an overall site background.

Blueprint themes

For Blueprint themes, you can set the background image or color for the following sections:

Bookshelf and Whiteboard themes

For Bookshelf and Whiteboard themes, you can set the background image or color for the following sections:

Building Blocks, Kaleidoscope, and Tinted Tiles themes

For Building Blocks, Kaleidoscope, and Tinted Tiles themes, you can set the background image or color for the following sections:

Casefile themes

For Casefile themes, you can set the background image or color for the following sections:

Clean Lines, White Space, and Dark Impact themes

For Clean Lines, White Space, and Dark Impact themes, you can set the background image or color for the following sections:

Fiesta themes

For Fiesta themes, you can set the background image or color for the following sections:

Firma, Homestead, Showcase, Skyline, and Terra themes

For Firma, Homestead, Showcase, Skyline, and Terra themes, you can set the background image or color for the following sections:

Treehouse themes

For Treehouse themes, you can set the background image or color for the following sections: