Editing Website Banner Images

Step 1: Crop Image

Image Dimensions:
Please refer to your website Design Style Guide for public and private banner image dimensions. This can be found on the main admin home screen in the right column:

If you do not have this link, please contact your Client Services Manager for the image dimensions to use.

To minimize load time when viewing site pages, make sure to optimize the image to keep file size to a minimum prior to completing the next steps. For more details on cropping and optimizing images see this article.

Step 2: Updating the Banner Image

Banner Image Location
Please note: you will need to contact your Client Services Manager for the link to access the Custom Directory banner images. The Custom Directory will be accessible through the link provided. You can also find it in Applications>>Storage Libraries>>Custom Directory Files.

The Custom Directory is available to administrators that were given the Club Administrator admin user type. If you do not see the Custom Directory Files link when doing the above search, you have custom access levels and will need to be granted access to the custom directory. Please see your club’s main website administrator to be granted access.

Banner images will be placed in sub-folders that live under either the documents or navsections folders depending on the page you wish to place the new banner image on. Default public and private image banners have been created for your site. The default images will be used when section pages do not have a unique image defined specifically for that section. You will find these default images under the default sub-folder.

Once in the custom directory, do the following:

1. Click on Design.
2. Click on Banners.
3. Click on Documents (for updating document banner images).
4. Click on Navsections (for updating navigation section banner images).

Please note: The custom directory contains folders and files that make up the build of your site. Over-writing and deleting files in this area have the potential of breaking the site. Please keep your changes limited to these documents and navsections sub-folders only. For your site design, each folder may only contain 1 image. If you upload additional images to this folder, the site design could break.

Folder Naming Convention

Document Library

If the page you’d like to replace the banner image for is a text page, seen in the left navigation of your website and it is found in the admin side's document library, it is a sub-page that can have a new image.

To see if your page is within the Document Library, go to Applications>>Club Content>>Document Library:

1. Click on the documents sub-folder.
2. Click on the folder name that matches the document name code used for the page whose banner image you'd like to change. If the folder doesn't exist, use these steps to create a new subfolder for this page.

1. Check the box next to the name of the image.
2. Click Delete Selected Files and confirm in the pop-up.

1. Click Choose File and locate the image on your computer or server.
2. Once selected, click Upload File.

If a folder doesn't exist that matches the document name code, you will need to create the folder first using the same name as the document name code for your page.

Click on the documents folder.

1. Scroll down to the bottom of the page under the folder listing, enter the name of the folder you wish to create (it must match the document name code of your page).
2. Click Add Folder.

1. Click on the Choose button. Locate the image on your computer or server.
2. Click Upload File to add the banner to the document.

If the page you'd like to replace the banner image is on is a section page (parent-level page living in the primary navigation) and is found in the admin side's section navigation, it is a page that can have a new banner image.

To ee if your page is within the site's navigation sections, search for Nav Section in the Applications area of the admin home page and click on the link.

1. Scroll down to the bottom of the page under the folder listing, enter the name of the folder you wish to create (it must match the document name code of your page).
2. Click Add Folder.

1. Click Choose File and locate the image on your computer or server.
2. Once selected, click Upload File.