• Resolved gillesken

    (@gillesken)


    Hello,

    why is the logo in the header cropped? I cant read the text in my logo cause it’s so cropped?

    thanks!
    Gilles

Viewing 14 replies - 1 through 14 (of 14 total)
  • Theme Author VW THEMES

    (@vowelweb)

    Hello @gillesken,

    Add the logo image of 240 x 240 dimensions then it will not crop your logo image.

    Thanks.

    Thread Starter gillesken

    (@gillesken)

    I tried this but it is still not good quality. Maybe the reason also is that my logo is not a square.

    Thread Starter gillesken

    (@gillesken)

    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?

    Theme Author VW THEMES

    (@vowelweb)

    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.

    Thread Starter gillesken

    (@gillesken)

    Hey, i tried this but it’s not working. The website is littlelau.be

    • This reply was modified 6 years ago by gillesken.
    Theme Author VW THEMES

    (@vowelweb)

    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.

    Thread Starter gillesken

    (@gillesken)

    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

    Theme Author VW THEMES

    (@vowelweb)

    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.

    Thread Starter gillesken

    (@gillesken)

    I did this, but the text is still not on one line.

    Thanks!

    Best regards

    Theme Author VW THEMES

    (@vowelweb)

    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.

    Thread Starter gillesken

    (@gillesken)

    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 – Accessoires

    I’m sorry for the misunderstanding!

    A big thanks!!

    Kind regards

    Theme Author VW THEMES

    (@vowelweb)

    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.

    Thread Starter gillesken

    (@gillesken)

    Thanks, it worked!

    Theme Author VW THEMES

    (@vowelweb)

    @gillesken,

    Most Welcome, If you have any other query please let us know, we will be happy to help.

    Thanks.

Viewing 14 replies - 1 through 14 (of 14 total)

The topic ‘Cropped logo’ is closed to new replies.