Skip to content
English
Submit a Ticket
Contact Support
  • There are no suggestions because the search field is empty.

Website Logos - Add Your Brand Across Your Site

Add your logo to key areas of your Real Geeks website so visitors connect the homes and information they find with your brand.

Admin Feature

Editing the website is an account owner-level permission. If you don't see this option, contact your account owner to enable these permissions for you.

Your website helps visitors search for homes and learn about your market. Showing your logo as they explore helps them remember who provided that value. This guide shows you where to add logos and how to choose an image that works in each location.

Need to Know

  • Check your brokerage and MLS logo requirements before making changes.
  • You can add logos to the top, side, and bottom of your website, as well as inside individual pages.
  • Anna Modern websites can also show a logo above the home page search.
  • We strongly recommend a PNG with a transparent background for logos placed over images or colored areas.

Table of Contents

Add Your Main Logo to the Top of Your Website

header-logo-location

Please Note

Your MLS may require your brokerage logo to appear in this area. Check with your MLS to confirm any logo or compliance requirements before adding your logo.

Your main logo helps visitors recognize whose website they’re using. Your MLS may require a brokerage logo here, so check its rules before replacing the current image.

Image recommendations

  • Use a horizontal logo around 400 × 86 pixels.
  • A PNG with a transparent background works best. JPEG is also supported.
  • Check that the logo is clear against the color behind it.

  1. Open your website editor by adding /admin to the end of your website address (e.g. www.website.com/admin)

  2. Click Site Settings.

  3. Select Template Options.

  4. Next to Header Logo, click Pick Image.

  5. Click Upload

  6. Select your logo file (PNG or JPEG) from your computer.

  7. Click Insert next to the image.

  8. Click Save to apply your changes.

Back to top

Add a Logo Above the Home Page Search (Anna Modern Only)

anna-modern-logo-search

Anna Modern lets you place a logo above the search tool. This helps visitors connect your brand with the homes they find on your website.

Image recommendations

  • Square and horizontal logos can both work in this space.
  • We strongly recommend a PNG with a transparent background so the logo sits cleanly over the home page image.
  • Make sure the logo is easy to see against that image.

  1. Open your website editor by adding /admin to the end of your website address (e.g. www.yourwebsite.com/admin)

  2. Click Home Page.

  3. Open Search Form Display Options.

  4. Next to Search Image, click Pick Image.

    search-image-header-logo

  5. Click Upload in the FileBrowser and choose your logo.

  6. Click Insert next to the uploaded image.

  7. Click Save.

Back to top

Add a Logo to the Side of Your Website

sidebar-logo-location

You can use this space for an additional logo, such as a brokerage affiliation, award, or certification.

Image recommendations

  • A square logo works well along the side of the website.
  • We strongly recommend a PNG with a transparent background so the logo looks clean against the page.
  • Use an image that stays clear without stretching it.

  1. Open your website editor by adding /admin to the end of your website address (e.g. www.website.com/admin)

  2. Click Sidebars

  3. Choose your sidebar (commonly “Default Sidebar”).

  4. Find the last empty slot and set Item Type to Custom Content.

  5. Click Insert/Edit Image.

  6. Select Source, then Upload.

  7. Upload your logo file (PNG or JPEG).

  8. Click Insert, then OK, and Save.

Back to top

Add a Logo to the Bottom of Your Website

footer-logo-location

The bottom of your website is a useful place for a brokerage or compliance logo. Visitors can see it as they read through a page.

Image recommendations

  • Square or horizontal logos can work, depending on the available space.
  • We strongly recommend a PNG with a transparent background so the logo sits cleanly over the background color.
  • Make sure any text in the logo is large enough to read.

  1. Open your website editor by adding /admin to the end of your website address (e.g. www.website.com/admin)

  2. Click Footers under Sitewide Elements.

  3. Select the Default Footer

  4. Click where the logo should appear.

  5. Click Insert/Edit Image.

  6. Choose Source, then Upload.

  7. Select or drag in your logo file (PNG or JPEG).

  8. Click Insert, then OK, and Save.

Back to top

Add a Logo Inside a Website Page

image-page-content

Add a logo to an About page, agent profile, or another page where you introduce your business. It helps visitors connect that information with your brand.

Image recommendations

  • Choose a square or horizontal logo that fits the page layout.
  • A PNG with a transparent background works best when you want the page background to show through.
  • Keep the logo large enough to read without crowding the text.

  1. Open the Page Editor for the desired page.

  2. Click Insert/Edit Image.

    insert-image-page-content

  3. Choose Source, then Upload.

  4. Upload your logo file (PNG or JPEG).

  5. Click Insert, then OK to confirm.

Back to top

Tips for Consistent Branding

  • Use your main logo at the top of the website so visitors can quickly identify your brand.

  • Keep your logo’s colors and shape consistent wherever it appears.

  • Choose a light logo for a dark background, or a dark logo for a light background.

  • Add other logos where they serve a purpose, such as showing a brokerage affiliation or certification.

  • Check your changes on both a computer and a phone.

The goal is for visitors to recognize your brand as they search, learn, and return to your website.

Back to top

Frequently Asked Questions

  • Can I use a square logo at the top of my website?
    You can, but it may appear small or get cropped. A horizontal logo usually fits that space better.
  • Why does my logo look blurry?
    The original image may be too small. Try a clearer file and avoid stretching it beyond its original size.
  • Why does a background show behind my logo?
    Use a PNG with a transparent background if you want the website background to show through.
  • Can I upload different main logos for desktop and mobile?
    No. The same main logo is used on both.
  • Can I upload an SVG logo?
    No. The website editor only supports PNG and JPEG files. To use your SVG logo, export it as a high-resolution PNG first.

Back to top

Need Help?

Back to top

Related Articles

Back to top