Follow

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. 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. https://cdn.elev.io/file/uploads/jEC8HySvDwISUdSg8iqChOB9kMRsiM1RCnIFiA0173M/a0zURg8PAJc5IVOVpiEBEjCOcoP7r3scykIElpPATRE/site%20background%20options-DcM.png
  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.
    https://cdn.elev.io/file/uploads/jEC8HySvDwISUdSg8iqChOB9kMRsiM1RCnIFiA0173M/aPozJqIF1Rmbb1ZJT-AYTfLw2Er5jU7Fu86cXYwqT4k/setting%20background%20color-4Hg.png
  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. https://cdn.elev.io/file/uploads/jEC8HySvDwISUdSg8iqChOB9kMRsiM1RCnIFiA0173M/n2wdyip2HiiXBoDlkvMhzv_l3dvhMVtCxNoOlRPhdv0/setting%20background%20image-vfM.png
    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.

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:

https://cdn.elev.io/file/uploads/jEC8HySvDwISUdSg8iqChOB9kMRsiM1RCnIFiA0173M/S10dWJucLsENqoMPQm_kw-ez3rMOyC4lKSq9i_hOKlc/Colors and styles - Blueprint - Backgrounds-r44.png

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

https://cdn.elev.io/file/uploads/jEC8HySvDwISUdSg8iqChOB9kMRsiM1RCnIFiA0173M/UngbgDNpn7aE0eMdtPsocmZw-kjoERSJrR2pin-mw2w/Colors and styles - Bookshelf - Backgrounds-5So.png

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

https://cdn.elev.io/file/uploads/jEC8HySvDwISUdSg8iqChOB9kMRsiM1RCnIFiA0173M/GIpxw_NkPkh0oEyLrp2lLgRJsirhTuQkJUYCbBkM0TY/Colors and styles - Simple - Backgrounds-aoI.png

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

https://cdn.elev.io/file/uploads/jEC8HySvDwISUdSg8iqChOB9kMRsiM1RCnIFiA0173M/5Qnu51A0nWbr481g1b0Q61bY1Up1OGlg2IzadK-bYdU/Colors and styles - Food Service - Backgrounds-IqM.png

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

https://cdn.elev.io/file/uploads/jEC8HySvDwISUdSg8iqChOB9kMRsiM1RCnIFiA0173M/RswE8tJzoH_iG25nqpNphYk7Zt1aXpQm7mbNF1hRO8s/Colors and styles - Skyline - Backgrounds-hg0.png

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

https://cdn.elev.io/file/uploads/jEC8HySvDwISUdSg8iqChOB9kMRsiM1RCnIFiA0173M/XKe9im_37Ej3bWwa_VoQ0OPJXYxuRan6cXa2gULITf4/Colors and styles - TintedTiles - Backgrounds-oGw.png

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

https://cdn.elev.io/file/uploads/jEC8HySvDwISUdSg8iqChOB9kMRsiM1RCnIFiA0173M/Myjk0uwqBvd1E1X-hGOjsgfTFGBTnL4KE2bXNrz35XI/Colors and styles - Treehouse2 - Backgrounds-sZ8.png

0 Comments

Please sign in to leave a comment.

Search: WildApricot.com 

About results ( seconds) Sort by: 
Sorry, an error occured when performing search.