Copy and paste this code into the custom JS section of the Agency Company Settings. You can add unlimited subaccounts and has the advantage of inheriting the original css so should auto-size nicely as before.

<script>

(function() {

const logoMap = {

'6Hr81iu8QrnB49S5g8A4': 'https://path/to/image/logo.png',

//=== Add additional subaccounts here as above - '<Subaccount ID>' : '<Image URL>' with a comma at the end

//=== This is for the agency logo and any subaccounts with no image defined above - leave 'default' unchanged and just change the image URL to the required agency (and default) logo URL (NO COMMA AT THE END)!

'default': 'https://path/to/image/logo.png'

};

function getCurrentLocationId() {

const match = location.pathname.match(/\/location\/([a-zA-Z0-9_-]+)/i);

return match ? match[1] : null;

}

function applyCorrectLogo() {

const locId = getCurrentLocationId();

if (!locId) return;

const desiredSrc = logoMap[locId] || logoMap.default;

if (!desiredSrc) return;

const img = document.querySelector('img.agency-logo');

if (img && img.src !== desiredSrc) {

img.src = desiredSrc;

}

}

applyCorrectLogo();

const observer = new MutationObserver((mutations) => {

applyCorrectLogo();

});

observer.observe(document.body, {

childList: true,

subtree: true,

attributes: false

});

const originalPushState = history.pushState;

history.pushState = function () {

originalPushState.apply(this, arguments);

applyCorrectLogo();

};

const originalReplaceState = history.replaceState;

history.replaceState = function () {

originalReplaceState.apply(this, arguments);

applyCorrectLogo();

};

window.addEventListener('popstate', applyCorrectLogo);

})();

</script>

Come on guys. 334 upvotes and still pending action. This is essential for sub-account branding!

YES PLEASE!!!

Please get this!!!!

Is feature still not available?

//

.(put sub id here) .agency-logo {

content:

url(https://replace-with-subaccount-logo-here.jpg);

min-height: 220px;

max-width: 220px;

height: 220px;

width: 200px;

margin-top: -40%;

margin-bottom: -40%;

}

This one works for me

merge this lower voted one into this to get better idea of votes

Branding at the Sub Account level is so VITAL for many incl SAAS owners as many products get developed for the Sub Account level, having a single brand is quite a hindrance... Nee niche / product specific branding (Sub Account level).

I created this CSS code to display the subaccount logo for two different accounts. The two sets of code are identical except for the location ID and the image URL were different for each. The top one works and the bottom one doesn't.

I also tried using the url for the sub account 1 in the code for subaccoubnt 2 and it still didnt display the logo for sub account 2.

I also tried removing sub account 1 CSS code and only including sub account 2's CSS code to update the logo and it still didn't work.

This issue has had a ticket open for over two weeks - no resolution

@Core Platform Seems this is a bug in the back end of high level and would love some help...

//

.subaccountID-1 .agency-logo {

content: url(https://storage.googleapis.com/msgsndr/IMAGE1/media/66fb8bde595de9d47814a529.png);

min-height: 220px;

max-width: 220px;

height: 220px;

width: 220px;

margin-top: -40%;

margin-bottom: -40%;

}

//

.subaccountID2.agency-logo {

content: url(https://storage.googleapis.com/msgsndr/IMAGE2/media/670771731a007131247d8eeb.png);

min-height: 220px;

max-width: 220px;

height: 220px;

width: 220px;

margin-top: -40%;

margin-bottom: -40%;

}

Can you please vote on this https://ideas.gohighlevel.com/saas/p/whitelabel-sub-accounts