Your website comes with a text version of the name of your organization. You can swap this out with a logo or graphic banner.
Visit your website and log in.
Go to Website / Design Settings.
Click "Browse" and upload an image.
Click "Save."
If you find there is too much white space in your header you can adjust the min height in the following CSS code:
- Go to Dashboard / Website / CSS.
- Add the following code to the Customized CSS (not the Master Template CSS.)
- Adjust the height as needed.
.banner {
min-height: 150px;
The header is the banner that presents across the top of your home page and other website content pages. The header is made up of a background color with the logo design on top.
1) If you want a
different logo banner on top this can be created, uploaded to the file cabinet, then inserted into this area. You will see the appropriate size dimension on this screen as well.
2) You can
create your own header background or use one of the many options we have available. These may already be loaded in your file cabinet in the Template Headers folder. If not, submit a ticket through the help desk and we can load them for you.