Logo size problem

[alwayssunny]

Hello, can anyone share custom code to change the size of the logo. For some reason it’s tiny - “7em”. Logo image has no class so it’s hard to style.

[Suzie]

Hey @alwayssunny,

Please check block settings, logo styling option. Press on the styling icon and

[alwayssunny]

Thanks, I don’t know how I missed it.

[martinb]

I have the same issue, and I still can not see the styling option illustrated on Suzie’s screenshot.

The block setting on the right side just says I should go the settings and it opens up this:

Was this feature retired?

[martinb]

And the block settings on the right, don’t see it there either

[martinb]

I had chatgpt write this code that i inserted in the footer custom code, and it did the trick:

img[data-testid="image-inner-img"] { max-height: 70px !important; /* Adjust size */ width: auto !important; height: auto !important; display: block !important; } /* If a parent container is limiting size */ .header-logo, ._937b739_1c9qxe35, ._937b739_1c9qxe37, ._937b739_1c9qxe30 { max-height: 70px !important; min-height: 70px !important; height: auto !important; overflow: visible !important; }

Still would like to know if there is a setting though

[Suzie]

Hey @martinb,

Currently this can be changed with a custom code as discussed in this thread. I’ll check with the team as well

Resize logo in new header?

The following css should do the trick. To be tested with different size (1.3 to be changed if necessary) Code to be inserted in the header custom code, page or app level. If the logo is inside the sidebar: <style> #sidebar-root img { transform: scale(1.3); } </style> If the logo is inside the topbar: <style> #topbar-root img { transform: scale(1.3); } </style>

I see you managed to change it with custom code as well.

[martinb]

I replaced my code with your suggested cod - seems to work better - thanks!