Home Page Banner/Logo/Header

On the Dallas Template, there are two parts to the banner on the home page:

  1. Logo Image - this is usually your organization name and may include a graphic or logo
  2. Header Background Image - a pattern or solid color that sits "behind" your logo image

To edit these, go to Website / Design Settings / Header.

If you would like to include a header only and have your logo stretch all the way across the header space, follow the steps below:

  1. Create your Logo Image to be 1350px wide x 240px tall.
  2. Upload the image to your File Cabinet, then add it to the Logo Image. (#1 above)
  3. Upload a "blank" image to your File Cabinet and add it to the Header Background Image. (#2 above)  A "blank" image file is attached to this file for your convenience.
  4. Add this CSS to the Custom CSS area on your site.  Go to Website / CSS.  Add it to the top of the CSS for best results.

/* Banner and Logo */

.logo.img-responsive img {
    max-width: 100%;

.inner-banner img {
    width: 100%;

.logo {
  padding: 0%;

*To remove any extra space between the header and the navigation, use the following CSS at the bottom of the Customized CSS:

ul.nav.navbar-nav.top_nav {
  margin-bottom: 0px !important;

This is advanced information! For assistance or questions, please submit a ticket to our Help Desk.