Website - How to resize and crop logos

One of the first things that a customer will notice about a website is its logo. It is important to adjust your logo to fit nicely within the header as it will have a cleaner look and be more memorable to the customer.


Editing the header in Elemetor

You will need to access your header in Elementor:

Resizing your logo

  • Hover over your logo
  • Click on the pencil icon in the corner
  • On the left panel, click on the “Style” tab
  • Adjust the “Height” setting to change the size of your logo

Cropping your logo

If you notice that your logo has a lot of extra space around it. It might be because your image file is not taking up all the space in the frame. This can be fixed by cropping the space around it using the WordPress photo editing tool.

  • Go to the WordPress dashboard
  • Click on “Media”
  • Find and click on your logo
  • Click on “Edit image”
  • On the top, click “crop”
  • Crop the extra space around your logo as much as possible
  • Click “crop” again to apply the changes
  • Click “Save”

Is this article helpful?
0 0 0