Customizing Your Website Design

Customizing Your Website Design

Customize Your Favicon

The favicon is the graphic symbol that shows up in the internet browser tab.


Step 1 - Create your Favicon
  1. File must be either PNG, GIF or ICO (no JPG) and must be 16x16 or 32x32 at either 8- or 16-bit color depth. Other file types/sizes won't work.
  2. There are online tools that will help you create your favicon:  http://www.favicon.cc/
Step 2 - Upload your Favicon
  1. To set up your custom favicon go to Website / Design Settings.

Changing Your Logo

There are two ways to change the logo on your website:

1.  Go to Website / Design Settings.
  1. Use the browse button to use an existing image from your Files or to upload a new image.
  2. The logo should be no larger than 965 px wide by 118 px tall.



2.  Go to Website / Structure.

  1. Edit the HTML Block "Logo Block". 
  2. Select the image icon to upload or select a new picture for your logo.
  3. An advantage to using this option to update your logo is that it can also serve as a link back to your home page.



Reducing the White Space in Your Header

If you find there is too much white space in your header you can adjust the min height in the following CSS code:

  1. Go to Dashboard / Website / CSS.
  2. Add the following code to the Customized CSS (not the Master Template CSS.)
  3. Adjust the height as needed.
.banner {
 min-height: 150px;

Customizing Your Footer

Many times organizations will include links to other sites or to their frequently used pages in their website footer. There are different ways to do this.




Each column in the footer will have it’s own block in the Footer Region Block.

To add new information or edit the Footer:
  1. Go to Website / Structure / Region "footer_region".
The footer has a macro that pulls in address and contact information for your site. To change the address and phone:
  1. Go to Admin / Account Settings / Address & Contact Info.
  2. The phone field pulls from "Phone" under Primary Contact.


The footer has a macro that pulls in copyright information for your site. To change the copyright information:
  1. Go to Website / Design Settings / Footer / Copyright Message.



Website Buttons & "Call-to-Actions"

A Call-to-Action is a marketing term. It can be a button, graphic, or text that gives your visitor a clear direction to take action. What do you want them to do? You can explain it in a wordy paragraph or accomplish the same thing with a graphic that is colorful and catches their attention.

Buttons can also be used for navigation to link to:
  1. Home Page
  2. Content pages on your site
  3. Websites other than your own
  4. Online Directory
  5. Volunteer Sign-ups

We offer a PowerPoint that contains many examples, ideas, and instructions for you to use.  Feel free to save any of the images and upload them to your site. You can find this file to download on our Customer Resources page.

How To Use These Buttons:
  1. Customize the button – if needed
  2. Save the button as a picture
  3. Upload the picture into your Membership Toolkit file cabinet
  4. Insert the picture onto your website page or into your email
  5. Link the picture to the next step.

Video - Creating and Inserting Your Own Interactive Button


    • Related Articles

    • Footer Navigation

      Footer Navigation is used as secondary navigation. What you might want to include in your footer navigation: Links to web pages that didn't fit in your main navigation Links to other sites your visitors may find helpful Repeat common links that your ...
    • Home Page Header/Banner

      Your website comes with a text version of the name of your organization. You can swap this out with a logo or graphic banner.     Adding a Graphic to your Website Header Visit your website and log in. Select "Dashboard." Go to Website / Design ...
    • Home Page Design

      Fee - $175.00 - $200.00 Give your home page a fresh new look! includes: Custom Banner Matching Design Settings and 6 Custom Buttons Page Template Set-Up If Choosing Content Preview Blocks - $25.00 for each Content Page to be created. WEBSITE HEADER ...
    • Website Basics

      Five Things to Do Before You Start on Your Website Membership Toolkit makes it easy to get your website started.  Here are five things you should collect before you get started. 1. Logo - Instantly brand your pages with a logo. 2. Upcoming Events - A ...
    • Switching Website Templates

      Fee:  $125 - $175 The "Dallas" Template is unique because it is a Mobile Responsive Template.  The purpose of this design is to allow easy reading and navigation with a minimum of re-sizing, panning, and scrolling across a wide range of devices (from ...