Cropped logo
-
Hello,
why is the logo in the header cropped? I cant read the text in my logo cause it’s so cropped?
thanks!
Gilles
-
Hello @gillesken,
Add the logo image of 240 x 240 dimensions then it will not crop your logo image.
Thanks.
I tried this but it is still not good quality. Maybe the reason also is that my logo is not a square.
Also, can i set the tagline on one line? Now it is too long and it is on 2 lines. Can i change the height of the font?
Hello @gillesken,
Add the below CSS code in additional CSS for that Go to dashboard >> Appearance >> Customize >> Additional CSS >> Here you have to paste the below CSS code >> Publish it
.site-logo { float: left; padding-right: 15px; } .logo h1, .logo p.site-title { font-size: 22px; }Thanks.
Hey, i tried this but it’s not working. The website is littlelau.be
-
This reply was modified 6 years ago by
gillesken.
Hello @gillesken,
Remove below CSS code from additional CSS
.custom-logo { height: 153px; max-height: 240px; max-width: 240px; width: 240px; }And then Add the below CSS code in additional CSS for that Go to dashboard >> Appearance >> Customize >> Additional CSS >> Here you have to paste the below CSS code >> Publish it
.custom-logo { height: 90px; width: 160px; }Thanks.
Hello,
.custom-logo { height: 153px; max-height: 240px; max-width: 240px; width: 240px; }This code is not visible in the additional CSS category in the customizer. If i only add the second code in the CSS nothing happens.
Thanks in advance!
Kind regards
Hello @gillesken,
If there is no code present in additional CSS then add below CSS code we have done the changes.
.custom-logo { height: 90px !important; width: 160px !important; }Thanks.
I did this, but the text is still not on one line.
Thanks!
Best regards
Hello @gillesken,
We have checked your site as you have not added the below code. Please add the below-given code, with the help of this code your site logo and tagline get align in one line.
.site-logo { float: left; padding-right: 15px; }Thanks.
Well, it worked! But suddenly, you did understand wrong what i meant. What i want is the logo above the tagline, but the tagline on one line. Now it is:
Babykleding – Kinderkleding –
Accessoires
But it needs to be:
Babykleding – Kinderkleding – AccessoiresI’m sorry for the misunderstanding!
A big thanks!!
Kind regards
Hello @gillesken ,
Add the below CSS code in additional CSS for that Go to dashboard >> Appearance >> Customize >> Additional CSS >> Here you have to paste the below CSS code >> Publish it
p.site-description { font-size: 11px; }Thanks.
Thanks, it worked!
Most Welcome, If you have any other query please let us know, we will be happy to help.
Thanks.
-
This reply was modified 6 years ago by
The topic ‘Cropped logo’ is closed to new replies.
