Website Building » Weebly » How Do I Resize My Logo on Weebly?

How Do I Resize My Logo on Weebly?

Last updated on December 28, 2022 @ 11:54 am

There are many different ways to resize your logo on Weebly. You can use the Weebly editor to resize your logo, or you can use HTML code to resize your logo.

To resize your logo using the Weebly editor, simply click on the logo and drag the corners to adjust the size. You can also use the ‘Scale’ option in the top menu to increase or decrease the size of your logo.

If you want to use HTML code to resize your logo, you can add the following code to thesection of your Weebly site:

PRO TIP: This article provides instructions on how to resize your logo on Weebly. However, if you are not familiar with HTML or CSS, we strongly recommend that you seek professional help before attempting to resize your logo. Otherwise, you may inadvertently cause permanent damage to your website.
<style>
    #logo {
    width: 100px;
    height: 100px;
  }
</style>

Just change the width and height values to whatever size you want your logo to be. You can also add CSS code to align your logo left, right, or center. Just add the following code after the <style> tag:

<p style="text-align:center;">
<img src="logo.png" id="logo" />
</p>

Save your changes and preview your site to see your resized logo!

Dale Leydon

Dale Leydon

Sysadmin turned Javascript developer. Owner of 20+ apps graveyard, and a couple of successful ones.