Display Your Logos on Your Real Geeks Website

Table of Contents

Overview

Logos play an important role in branding and establishing trust with visitors to your Real Geeks website. Your official company or personal brand logo should be placed prominently in the header, while additional logos (such as brokerage logos, certification badges, or partner logos) can be added to other areas of your site.

Your website allows you to strategically place logos in several key locations to reinforce your brand identity:

  • Header Logo – This is your main branding element, appearing at the top of every page.
  • Sidebar – A flexible space for additional branding, such as brokerage affiliations, certifications, or sponsorship logos.
  • Footer – Ideal for compliance logos, legal disclaimers, and secondary branding.
  • Page Content – Custom pages, blog posts, or “About” sections where you can showcase awards, partnerships, or promotional images.

Each placement serves a unique purpose, allowing you to balance branding with functionality while keeping your website visually clean and professional.

 

Header Logo Size and Recommendations

The recommended size for the header logo is 400x86 pixels. This means the image is rectangular in shape, making it ideal for text-based logos or small branding elements.

Tips for Optimizing Your Logo


Text-Based Logos – Your business name or initials in a clean, horizontal format.

Simple Icon Logos – A small, minimalistic symbol that represents your brand.

More complex or details logos will not display well in the header. Instead, consider placing it in the sidebar, footer, or within page content where there is more space.

How to Add a Logo to the Website Header

To add or update your header logo:

  1. Go to your website backend by adding /admin to the end of your website domain (e.g., www.yoursite.com/admin).
  2. Click Site Settings.
  3. Click Template Options.
  4. Next to Header Logo, click Pick Image.
  5. Click Upload.
  6. Choose your file from your device.
  7. Click Insert next to the uploaded logo.
  8. Click Save.

 


Additional Spots for Your Logo

If you have additional logos—such as a brokerage logo, awards, or affiliations—they can be placed in different areas of your site.

Add Your Logo to Your Page Sidebar

  1. Go to your website backend by adding /admin to the end of your website domain (e.g., www.yoursite.com/admin).
  2. Click Sidebars, located under Sitewide Elements.
  3. Select your target sidebar. Typically, this would be the Default Sidebar.
  4. Scroll down to the last empty sidebar item, and change the Item Type to Custom Content.
  5. Click Insert/Edit Image.
  6. Select the Source button.
  7. Click Upload.
  8. Upload your image by clicking Select Files or dragging the image into the provided space.
  9. Press Insert next to your newly uploaded image.
  10. Click Ok.
  11. (Optional) Drag the sidebar item to your desired location.
  12. Press Save.

 

Add Your Logo to Your Website Footer

  1. Go to your website backend by adding /admin to the end of your website domain (e.g., www.yoursite.com/admin).
  2. Click Footers, located under Sitewide Elements.
  3. Select your target footer. Typically, this would be the Default Footer.
  4. Position your cursor in the location where you want to add your image.
  5. Click Insert/Edit Image.
  6. Select the Source button.
  7. Click Upload.
  8. Upload your image by clicking Select Files or dragging the image into the provided space.
  9. Press Insert next to your newly uploaded image.
  10. Click Ok.
  11. Press Save.

 

Add Your Logo to Page Content

You can also add logos directly within the content of any custom page or blog post:

  1. Open the Page Editor for the desired page.
  2. Click the Insert/Edit Image button.
  3. Select your logo and insert it into the content.
  4. Select the Source button.
  5. Click Upload.
  6. Upload your image by clicking Select Files or dragging the image into the provided space.
  7. Press Insert next to your newly uploaded image.
  8. Click Ok.

Best Practices for Logos

To ensure a clean and professional look, follow these best practices when using logos on your Real Geeks website:

Use High-Quality Images – Avoid blurry or pixelated logos. Stick to PNG or SVG formats for best results.

Maintain Consistency – Use similar sizing and spacing for all logos to create a polished look.

Ensure Proper Contrast – Logos must be clearly visible against their backgrounds for readability. Use contrasting colors—dark logos on light backgrounds and vice versa—to enhance visibility. 

Respect Brand Guidelines – If using third-party logos (e.g., MLS, brokerage), follow their branding rules.

By following these guidelines, you can enhance your website’s professionalism and reinforce your brand identity.