- This topic has 8 replies, 2 voices, and was last updated 5 years, 4 months ago by hoiung.
-
AuthorPosts
-
November 20, 2018 at 6:10 pm #159724hoiungParticipant
Hey,
How can I make the logo in the centre of my website bigger?
Will the logo be responsive and reduces in size as I change from tablet and mobile sizes?
Thanks, Hoi
November 21, 2018 at 4:40 am #159758sapanaParticipant@hoiung: It seems that you have use the small size image , Please use the larger size image in custom logo.
Go to=> Appearance=> Customize=> Additional CSS and add the following CSS code to change the size of the logo.custom-logo { max-width: 500px; }
Let me know if this helps you out!
Kind Regards,
SapanaNovember 21, 2018 at 6:34 am #159773hoiungParticipantHey Sapana,
I’ve tried that code yesterday and also again with your css code but doesn’t work 🙁 something is blocking it from getting larger?
Kind Regards, Hoi
November 22, 2018 at 2:06 am #159851sapanaParticipant@hoiung:Go to=> Appearance=> Customize=> Additional CSS and add the following CSS code.
.custom-logo { width:500px; max-height:500px; }
Let me know if this helps you out!
Kind Regards,’November 22, 2018 at 7:47 am #159901November 26, 2018 at 12:46 am #160093sapanaParticipant@hoiung: For this you will need to create a child theme and do a bit of customization. Let me know if you are familiar with child theme customization I will provide you necessary CSS.
Kind Regards,
SapanaNovember 26, 2018 at 5:46 am #160120hoiungParticipantHi sapana,
I’ve created the template into a child theme already. so please let me know what I’ll need to do next. thanks.
November 27, 2018 at 12:14 am #160180sapanaParticipant@hoiung:
step 1: Go to => Child Theme Folder => functions.php and add the following Code.add_theme_support( 'custom-logo', array( 'height' => 500, 'width' => 500, ) );
step 2: Go to=> Appearance=> Customize=> Additional CSS and add the following code
.custom-logo { width:500px; max-height:500px; }
Let me know if this helps you out!
Kind Regards
SapanaNovember 27, 2018 at 11:56 am #160247hoiungParticipantthanks for help!
I had to use this CSS code for it to work:
/* make logo larger */ .custom-logo { width: 350px; max-width:350px; max-height:350px; }
Now only one problem, the resolution of the logo is terribly, it’s stretching the thumbnail 150px one. I tried many times to upload different sizes but the option to skip crop doesn’t seem to be available! I use your other templates and they all have that option, is this a feature that’s missing?
-
AuthorPosts
- The topic ‘make logo larger’ is closed to new replies.