• Resolved neoxyn

    (@neoxyn)


    Hi guys,

    I m trying to improve my core web vitals, especially my cls.

    I would like to set height and width for my logo, however I can’t figure out how to do it.

    I m looking forward for some help and tips.

    Thank you in advance and best regards
    Marc

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)
  • Hello @neoxyn,

    You have the option to modify the size of your logo directly from the Customizer. Please try going into Customizer -> Header -> Change Logo -> Logo Size Width, and choose the size you would want your logo to be displayed on your site. https://prnt.sc/10bfen2

    I hope this helps!

    Thread Starter neoxyn

    (@neoxyn)

    Thanks for your reply!

    I already tried it and it does not solve the problem :/

    Hi @neoxyn,

    It would be great if you can, please, provide us with a screencast of what happens when you try to modify the size of the logo.

    Thank you!

    Thread Starter neoxyn

    (@neoxyn)

    The Size is changing, however i get the same message in pagespeed insights:

    Image elements do not have explicit width and height.
    Set an explicit width and height on image elements to reduce layout shifts and improve CLS.

    I thought about adding width and height to the image tag. But I dont know where to add it in in the WordPress files.

    Hi @neoxyn,

    No need to update the theme files, in order to just modify the size of the logo.
    Please try adding the following code into Customizer -> Additional CSS:

    .builder-item--logo .site-logo img {
        width: 200px !important;
        height: 30px !important;
    }

    You can also try out different values instead of 200 and 30, and see which one fits your needs best.

    Please let us know if this solved the issue.

    Thread Starter neoxyn

    (@neoxyn)

    Thank you very much for your help!!

    It worked 🙂

    Best Regards
    Marc

    Moderator Steven Stern (sterndata)

    (@sterndata)

    Volunteer Forum Moderator

    @neoxyn Unless it is an extreme case, posts and replies are not edited here.

    Forum topics will only be edited or deleted if they represent a valid legal, security, or safety concern.

    See https://wordpress.org/support/forum-user-guide/faq/#will-you-delete-my-post-once-the-problem-is-solved

    Note that your URL, in the first message, is not visible to search engines.

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

The topic ‘Add width and height to logo’ is closed to new replies.