Upload Your White-Label Logos and Favicon in Outranker

Fred
Written by FredLast updated 4 hours ago

This document explains how to configure your agency’s light and dark mode logos and favicon in the Outranker white label suite, so your clients see your own brand throughout the platform.

Go to www.outranker.ai

1. Access the Agency Menu

Log in to the Outranker platform. From the left-hand navigation panel, locate and click on the Agency menu.

Access the Agency Menu

2. Open the White Label Suite

Within the Agency menu, click on White Label Suite to open your white label configuration area.

Open the White Label Suite

3. Navigate to Branding & Domain

In the White Label Suite, click on Branding & Domain to access your branding settings.

Navigate to Branding & Domain

4. Open the Logos Section

Ensure you are on the Logos tab within the Branding & Domain section, then click it to open the logo configuration page.

Open the Logos Section

5. Upload Light and Dark Mode Logos

On the logo configuration page, you will see two logo options: Light Mode and Dark Mode. Your branding supports both modes, so you must upload a separate logo for each.

Click Upload under the Light Mode logo section and upload your light mode logo file.

Upload Light and Dark Mode Logos

Select and confirm your light mode logo upload.

Upload Light and Dark Mode Logos

Then repeat the same process for the Dark Mode logo: click Upload and select your dark mode logo file.

Upload Light and Dark Mode Logos

6. Adjust Logo Heights

After uploading both logos, configure their display size.

Set the logo height (in pixels) for both the light and dark mode logos using the provided height controls.

Adjust Logo Heights

Adjust the height as desired from this menu; the default height is 40 pixels.

Adjust Logo Heights

7. Upload Your Favicon

Scroll down slightly on the same page until you see the Favicon option, which controls the small icon shown in the browser tab next to your site title.

Click Upload in the Favicon section.

Upload Your Favicon

Select and upload your favicon file so the browser tab icon reflects your own brand.

Upload Your Favicon

Did this article help you solve your issue?