inherit
235609
0
Aug 1, 2024 5:48:54 GMT -8
SofaJockey
17
August 2016
sofajockey
|
Post by SofaJockey on Jul 24, 2024 4:04:07 GMT -8
Forum URL: vintageworkers.boards.netSo 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? ![](https://www.dropbox.com/scl/fi/0vqs26thx4el5hmavpale/logotoobig.png?rlkey=pogxk1zqg20qhs3ezpo62x772&raw=1)
|
|
#eb7100
1480
0
1
Sept 7, 2024 10:42:26 GMT -8
Craig
209,066
September 2001
cmdynasty
|
Post by Craig on Jul 24, 2024 4:12:09 GMT -8
Hi ![:)](//storage.proboards.com/forum/images/smiley/smiley.png) 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 > stylesheetAdd it to the bottom so you can easily find it in the future ![:)](//storage.proboards.com/forum/images/smiley/smiley.png)
|
|
inherit
235609
0
Aug 1, 2024 5:48:54 GMT -8
SofaJockey
17
August 2016
sofajockey
|
Post by SofaJockey on Jul 24, 2024 7:54:41 GMT -8
Hi ![:)](//storage.proboards.com/forum/images/smiley/smiley.png) 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. ![](https://www.dropbox.com/scl/fi/77gucentchp7x039f65mt/notlogo2.png?rlkey=mwxy1kh59ny6vz5qkbq273jdm&raw=1)
|
|
#e61919
Support Staff
224482
0
1
Sept 6, 2024 16:16:22 GMT -8
Scott
23,916
August 2015
socalso
|
Post by Scott on Jul 24, 2024 8:22:08 GMT -8
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.
|
|
inherit
235609
0
Aug 1, 2024 5:48:54 GMT -8
SofaJockey
17
August 2016
sofajockey
|
Post by SofaJockey on Jul 25, 2024 0:03:43 GMT -8
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. ![](https://www.dropbox.com/scl/fi/0agdzhtxwjiwrw75zrgi9/Screenshot-2024-07-25-at-9.00.41-am.png?rlkey=q1potp9fnk8zxj0ytrae80r8z&raw=1)
|
|
inherit
235609
0
Aug 1, 2024 5:48:54 GMT -8
SofaJockey
17
August 2016
sofajockey
|
Post by SofaJockey on Jul 25, 2024 2:55:05 GMT -8
One last thing please. Any idea how to centre it? Thank you.
|
|
#e61919
Support Staff
224482
0
1
Sept 6, 2024 16:16:22 GMT -8
Scott
23,916
August 2015
socalso
|
Post by Scott on Jul 25, 2024 5:33:45 GMT -8
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; }
|
|
inherit
235609
0
Aug 1, 2024 5:48:54 GMT -8
SofaJockey
17
August 2016
sofajockey
|
Post by SofaJockey on Jul 25, 2024 8:37:26 GMT -8
Works great and solved. Thanks.
|
|