Home

Download this help site
(PDF 80MB)

Download

Setting the site background

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.

Icon

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

Setting a background image or color

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

 Read more/less
  1. Click  Colors and styles  under the  Website  menu.
  2. For Blueprint, Bookshelf, Building Blocks, 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, 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 Behavior options to control how your image appears within the available space. You can choose from the following options:

    OptionDescription 
    TileThe image will be repeated horizontally and vertically to completely fill the available space. 
    No repeat or scalingThe image will displayed as is, and will be not be repeated or scaled. 
    Repeat horizontallyThe image will be repeated horizontally to fill the width of the available space. 
    Repeat verticallyThe image will be repeated vertically to fill the height of the available space. 
    FillThe image will be stretched to completely fill the available space, and may therefore appear distorted. 
    CoverThe image will be proportionally resized to cover the available space, and may therefore be cropped. 
    Scale by heightThe image will be proportionally resized to fit the height of the available space. Depending on the dimensions of the space, the image may be cropped, or may not fill the entire width of the space. 
    Scale by widthThe image will be proportionally resized to fit the width of the available space. Depending on the dimensions of the space, the image may be cropped, or may not fill the entire height of the space 
  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.

 Read more/less

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

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

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

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

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

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

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


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

 

On this page: 

  • No labels