Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: fixed size

...

Zen Section
id932657593
section-nameOverview
classsbsTabPanel has-border
tab932672905
margin0px 11px 22px 0px
padding20px 0px 20px 11px
Customize the Site Banner and Logo

Website Logo and Hero Image

Wrap
classtsMain

Adding a Site Banner and Logo is a great way to brand your Market Leader website and make it stand out as your own. The Site Images feature lets you choose to upload your own custom Site Banner and Logo, or you can choose an image from our image gallery.

Wrap
classtsMain

Your Site Banner and Logo appear on your consumer website.  The exact position of each image depends on which Consumer Site Theme you have selected.  Here is an example of where the Site Banner, Logo, and Website Image appear for the Rambler theme.

Image Removed

To get started, select Website Admin from the Profile Admin Drop-down Menu.

Image Removed

Click Site Images from the list of links on the left side of the page.

Image Removed

To Change Your Site Banner

When changing your banner image, you can either select from our banner catalog, or upload your own image.

Choose from Catalog

Click the Edit button under Site Banner.
Image Removed
You can choose to upload your own image or to search and choose a picture from our picture catalog. To use an image from our catalog, simply enter a keyword to search for (e.g. homes, mountains, or a city name like Seattle), then click Search.

Image Removed

To select your banner image, hover your mouse over the image, and click when you see the Select button appear. Then click Save to save your changes.

Image Removed

Upload your own image

The file must meet these exact requirements:

  • The file must be *.jpg OR *.png file type
  • The file size must not exceed 500 KB
  • You have the rights to use this image on your website
  • The file dimensions must match what is noted in the Upload a Banner window

Image Removed
Image Removed Note: The size and dimensions for your banner image depend on which website theme you select, so always be sure to choose your theme before selecting your website banner image. Learn how to select your website theme.

From here, you can click the Choose File button to find and select the image you have saved. Once you've selected your saved image, it will automatically populate in the Site Banner field.

Choose from Catalog

Click the Edit button under the Current Logo.

You can choose to upload your own logo or to select one from our catalog of available logos. To use an image from our catalog of logos, expand the Select Agency menu to see the options.

Image Removed

Image Removed If you do not see your logo as an option, you will have to upload your own logo.

To select a logo, hover your mouse over the logo and click Select. Your image will now appear under Current Logo. Then click Save to save your changes.

The file must meet these exact requirements:

  • The file must be *.jpg OR *.png file type in a landscape orientation
  • The file size must not exceed 500 KB
  • You have the rights to use this image on your website
  • The file dimensions must be 230 width by 140 height

Image Removed

From here, you can click the Choose File button to find and select the image you have saved. Once you've selected your saved image, it will automatically populate in the Logo field.

Voilà! All set!

Change Your Website Photo

Your website photo can be added or changed in the account settings section. Learn how to update your website photo.You can customize the hero image and logo that appears on your website.

Below is an example of the Bungalow layout that shows where the logo and hero image appear.

Image Added

To customize your website logo, select Edit Site from the Website menu, then select Appearance in the left-side navigation menu. Then click the Change Logo button.

Image Added

(info) Depending on your brokerage, you may not be able to customize or change your default logo, or you may only have the option to choose from the logo catalog.

Here, you can choose from our catalog of logos (if you do not see your logo as an option, you will have to upload your own), or upload your own logo. To select a logo, simply click on the logo and it will automatically update.

To upload your own, click the Upload Image tab, then click the Select File button. From here, simply browse and find the logo you wish to use, and then click Upload.

Image Added

(info) Some website layouts look best with a logo that has a transparent background. Learn how to convert your logo to a transparent image

Hero Image
Anchor
Hero

To customize your hero image, you'll need to launch the Website Setup Wizard (even if you've already setup your site). To access the Website Wizard, select Edit Site from the Website menu, then select Appearance in the left-side navigation menu, and click the Launch button.

Image Added

Once in the Website Wizard, click Next twice to advance to the images step. Here you can upload a different image, or add up to 4 images for a scrolling hero image. To change the hero image, click Edit, then click Choose. From here you can choose from your profile image, stock images, or upload a new image.

Image Added

(warning) Be sure to select images that compliment the look and feel of your website. If you have a light and airy look, avoid darker images and vice versa. You should be thoughtful about what images you add to your website.

When adding an image, you can add an image headline, which will darken the image and add a white text overlay, and we recommend adding a meta description to help boost SEO. When you're finished, click Save.

Image Added

To add additional images for a scrolling banner, click the Add Image link. Repeat for each image.

Image Added

 When you're finished, click Next, and then click Save.

(info) To add or edit your profile photo and logo, select My Images in the left-side navigation menu. Learn how to add your profile photo

Image Sizes
Anchor
ImageSize

When adding a logo or hero image to your website, we'll optimize/resize the image to make sure it looks great. Image size is far less important than it used to be, what matters most is that you use a large, high-quality image.

For reference, here are the hero image dimensions (your image does not have to be exact):

  • Bungalow & Villa Layouts: 2800 x 1866
  • Tudor Layout: 1920 x 768

When uploading your own hero image or logo, try to aim for this size or large, and avoid images that are smaller. For your logo, there is no recommended size since logos come in all shapes and sizes. We'll optimize it once it's uploaded.

Additional Resources

 

 

SEO Meta Description
Learn how to personalize and brand your Market Leader website with a site banner, logo, and photo.

...