• Hi there,

    I am having issue with the logo on the zakra theme. It suggests a pixel size of around 120×60 – but obviously when you use an image that size it becomes very poor quality. Is there any reccomended way to avoid this, or can i use an SVG image to help increase the quality? This is for a client and so it is important that i figure out a solution.

    Thankyou in advance,

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

Viewing 7 replies - 1 through 7 (of 7 total)
  • Hi @lawrencebath,
    Since the image size is recommended so that it looks good on the user’s site. However, if you need to upload a larger size logo and look good you can just upload larger image and click Skip Cropping while uploading the logo. Also, you can try SVG image also if you find a normal image poor in quality.

    Thanks.

    Thread Starter lawrencebath

    (@lawrencebath)

    Hi,

    Thanks for the reply but obviously a larger image, as you say, doesn’t look good, and doesn’t resize. I am also unable to upload an SVG file as it says it’s an invalid format for the theme. I have an SVG file – any idea how to upload it?

    Hey @lawrencebath,

    You can use a plugin that supports SVG file upload. You can refer to this plugin: https://wordpress.org/plugins/svg-support/

    Please let us know if this doesn’t help you.

    Thanks.

    Thread Starter lawrencebath

    (@lawrencebath)

    Hey,

    Thanks for the help, and i can now upload the SVG. But it does not allow me to select it as a logo. When i enter the crop screen, the whole logo is greyed out and says something along the lines of ‘cropping failed’. This is a nightmare!

    Any ideas?

    Thanks!

    Hi,
    The SVG image can not be cropped in WordPress so, please upload the SVG of size you would like to display.

    Thanks.

    Thread Starter lawrencebath

    (@lawrencebath)

    Hi,

    I’m adding the svg in the size which my designer says is 170×60 (or whatever the zakra default is) and if i skip the cropping it still appears huge. is there any way to add custom CSS to limit the size of the logo?

    Hey @lawrencebath

    Go to Appearance > Customize > Additional CSS and add below CSS:

    .site-branding .custom-logo-link img{
        width: 120px;
    }

    Replace the width value with your required one.

    Thanks.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Logo issues’ is closed to new replies.