How to change forum logo size?

[SofaJockey]

Forum URL: vintageworkers.boards.net

So I've uploaded a logo in themes (using a sample logo for now). It's huge! And I don't seem to be able to make it smaller.

Does anyone know how I adjust its size, please?

[Craig]

Hi

You can try adding this to your stylesheet:

#logo {
width: 100px;
height: 50px;
}

Changing the 100 and the 50 to the width and height you want respectively.

stylesheet: admin > themes > advanced styles and css > stylesheet

Add it to the bottom so you can easily find it in the future

[SofaJockey]

Jul 24, 2024 4:12:09 GMT -8 Craig said:

Hi

You can try ...

Thanks. I tried that (right at the buttom) but to no effect sadly.
Then tried posting it within the header section to see if that made a difference.
I did save the sheet and then went back to the forum page to check.

Here's a screenshot, does there appear to be anything else obvious that I could try? Thanks.

[Scott]

SofaJockey -

Give this a try:

Go to Admin > Themes > Advanced Styles & CSS, Style Sheet tab. Scroll to the very bottom and on a new line add this:

a#logo {
   display: flex;
   height: 50px;
}

If you have the code Craig  gave you placed anywhere, please remove that first.

Let me know how it goes.

[SofaJockey]

Jul 24, 2024 8:22:08 GMT -8 Scott said:

SofaJockey -

Let me know how it goes.

Success.

And for future search reference. That piece of code right at the bottom of the style sheet changed the size of the logo perfectly. Thanks.

[SofaJockey]

Jul 24, 2024 8:22:08 GMT -8 Scott said:

SofaJockey -

Let me know how it goes.

One last thing please.

Any idea how to centre it?

Thank you. 

[Scott]

SofaJockey -

Add this to the code I gave you:
   justify-content: center;

So that it looks like this:
a#logo {
   display: flex;
   height: 50px;
   justify-content: center;
}

[SofaJockey]

Jul 25, 2024 5:33:45 GMT -8 Scott said:

SofaJockey -

Add this to the code I gave you:

Works great and solved.

Thanks.