Hello there,
To enlarge the logo maximum size limit, you can use this code:
.custom-logo-link img {
max-height: 190px;
}
To apply it to your site, add it to Appearance > Customize > Additional CSS from dashboard.
However, as your original logo file is small, it doesn’t take any changes.
Regards,
Kharis
Hey, that didn’t seem to do it. My logo is 1287x 804 so it should be plenty big.
Hello there,
Please try re-uploading your logo image. Ensure that you skip crop option.
Regards,
Kharis
I tried that, but this template (or version of wordpress?) doesn’t give me the option to skip cropping. So, I can extend it back out, but it’s still making the image smaller.
Hello there,
Please upload the original file of your logo to Google Drive and share its link here, so I can test it.
Regards,
Kharis
Hello there,
To alter the default logo size with custom one, you can use this CSS code:
.site-branding > a {
background-image: url('http://yoursite.com/path/to/your/logo-image.png');
}
.site-branding > a {
display: inline-block;
width: 400px;
height: 123px; background-size: contain;
background-repeat: no-repeat;
background-position: center center;
}
.site-branding > a img {
opacity: 0;
}
@media only screen and (max-width: 479px) {
.site-branding > a {
width: 300px;
height: 93px;
}
}
Replace http://yoursite.com/path/to/your/logo-image.png in the code above with your image URL path. You can upload it to your site’s media library under Dashboard > Appearance > Add New.
To apply custom CSS code to your site, add it to Appearance > Customize > Additional CSS from dashboard.
Regards,
Kharis
No dice. It didn’t work. This is what I put in under addition css
`
.site-branding > a {
background-image: url(‘http://www.uncomplicatedbusinesssolutions.com/wp-content/uploads/2017/11/Picture5.png’);
}
.site-branding > a {
display: inline-block;
width: 400px;
height: 123px; background-size: contain;
background-repeat: no-repeat;
background-position: center center;
}
.site-branding > a img {
opacity: 0;
}
@media only screen and (max-width: 479px) {
.site-branding > a {
width: 300px;
height: 93px;
}
}
Uploaded it a second time, with a newly uploaded logo. Still didn’t work.
.site-branding > a {
background-image: url(http://www.uncomplicatedbusinesssolutions.com/wp-content/uploads/2018/01/White-Logo.png);
}
.site-branding > a {
display: inline-block;
width: 400px;
height: 123px; background-size: contain;
background-repeat: no-repeat;
background-position: center center;
}
.site-branding > a img {
opacity: 0;
}
@media only screen and (max-width: 479px) {
.site-branding > a {
width: 300px;
height: 93px;
}
}
Hello there,
Try flushing any applied cache then reload your site. It might be blocking the code addition to take effect.
https://codex.wordpress.org/I_Make_Changes_and_Nothing_Happens
Regards,
Kharis
Sigh. No. It’s just not changing. Do you want to sign in to it & see for yourself?
Hello there,
The new logo defined with CSS code already up. However, since the original logo image rounded with huge empty spaces, the changes isn’t noticeable. Edit your White-Logo.png file with image editing program like Photoshop and eliminate the empty spaces.
Regards,
Kharis
I removed the empty spaces & it still did not increase the size of the logo
Hello there,
In your custom CSS, find the below code block which alters the default logo source.
.site-branding > a {
background-image: url(http://www.uncomplicatedbusinesssolutions.com/wp-content/uploads/2018/01/White-Logo.png);
}
Replace the logo image URL with the new one.
Regards,
Kharis
longer code worked perfectly with Astrid, thanks Kharis
