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

Add a Logo to Your Website

Display Your Brand across your Real Geeks Website

Your logo helps visitors recognize your brand and build trust. This guide explains how to add your logo to different parts of your website, including the top area, side area, and bottom section. You’ll also find image recommendations, placement options, and display tips to keep your branding clear and consistent.

Quick Reference

  • Recommended logo size: 400 × 86 pixels

  • File format: PNG is preferred; JPEG works if PNG is unavailable

  • Use a horizontal or text-based logo for best results

  • Avoid tall or detailed logos that may crop or blur

  • Square logos fit better in side or bottom areas

Table of Contents


Recommended Size and Style

Your logo should be clear, balanced, and sized for visibility.

  • Recommended size: 400 × 86 pixels for top-area logos
  • Use PNG format for best quality and transparency; JPEG is also supported
  • Avoid uploading small images and stretching them to fit; this causes blurriness

Back to top


Add a Logo to the Top of Your Website (Header)

header-logo-location

To upload or replace your main logo:

  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.

    header-logo-settings-location
  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 to the Side of Your Website (Sidebar)

sidebar-logo-location

You can use the side of your website to show extra logos, like brokerage affiliations, awards, or certifications.

  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.

    insert-edit-image

  6. Select Source, then Upload.

  7. Upload your logo

  8. Click Insert, then OK, and Save.

Back to top


Add a Logo to the Bottom of Your Website (Footer)

footer-logo-location

Use the bottom of your site for brokerage details, compliance logos, or disclaimers.

  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.

    select-footer

  3. Select the Default Footer

  4. Click where the logo should appear.

  5. Click Insert/Edit Image.

    insert-image-footer

  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 in Page Content

image-page-content

You can add a logo inside custom pages throughout your website such as the "about", "buying" or "agent profile":

  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


Best Practices

Keep your site consistent and professional with these tips:

  • Use clear, non-blurry images

  • Keep logo sizes visually balanced across all pages

  • Use light-colored logos on dark backgrounds, and dark logos on light backgrounds

  • Follow any branding requirements from your brokerage or certification partners

Back to top


Troubleshooting

  • Logo doesn’t fit: Resize to 400 × 86 pixels for the top area, or scale evenly to maintain proportions.

  • Background appears behind the logo: Use a PNG format with a transparent background.

  • Logo not updating after upload: Clear your browser cache and refresh the page.

  • Logo looks blurry: Check that your image meets the recommended size. Avoid enlarging a small image — that can cause blurriness.

Back to top


Frequently Asked Questions

Can I use a square logo at the top?
Yes, but it may appear small or cropped due to size constraints. A rectangular, text-based logo usually looks best in this space. Square logos can be used in other areas, like the side or bottom sections of your website.

Why is my logo blurry?
There are several reasons this can happen. We recommend confirming that your logo matches the 400 × 86 pixel size. Using a small image and trying to enlarge it can also cause distortion. If your logo still appears blurry, check the original file quality and format — PNG and JPEG typically produce the best results.

Can I upload separate logos for desktop and mobile?
No, the same logo is used across all devices.

Can I display more than one logo at the top?
Only one logo can be placed at the top area, but you can add additional logos in the side or bottom sections.

Which file types are supported?
You can upload PNG or JPEG files. SVG files are not supported.

Back to top


Need Help?

Back to top