[hoiung]

Hey,

How can I make the logo in the centre of my website bigger?

https://zoukdancecamp.com/

Will the logo be responsive and reduces in size as I change from tablet and mobile sizes?

Thanks, Hoi

[sapana]

@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,
Sapana

[hoiung]

Hey 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

[sapana]

@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,’

[hoiung]

@sapana: tried the above code too, the changes still not working 🙁

[sapana]

@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,
Sapana

[hoiung]

Hi sapana,

I’ve created the template into a child theme already. so please let me know what I’ll need to do next. thanks.

[sapana]

@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
Sapana

[hoiung]

thanks 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?

[Author]

Posts