We’ll be working in the ‘My Site Info’ page found in your dashboard. On this page you’ll see other settings where you can add other business information however, this article will be focusing on how you can add your own logo to your website.
To learn more about what these other settings do and how you can properly utilize them, please read this article.
Next, navigate to the tab called “Personalize Site”.
On this screen there are a number of things you can edit.
Scroll down and you’ll find settings for the logo:
There is a placeholder logo there, you can change it to your logo on this screen.
Before uploading it, make sure it’s formatted properly for use on a website. Often when you get a logo designed, it will be really large, or it might have a lot of blank space around it that won’t look right when you upload it.
To upload your logo, click the “Upload new logo” button. This will usually open the media library, which shows files that have already been uploaded to your site. But you’ll want to upload a new one, so click the tab “Upload Files”. Now you can select a file on your computer or you can drag and drop it into the area on the screen to upload it.
If your image is too large, or if it has extra space around your logo, click below.
If your logo is too big or has extra space around it, CLICK HERE
f your logo is too large or has extra space around it
If the logo is large or has extra space around it, you may need to edit it. To do that, near the top of the screen after you uploaded your image you should see a link called “Edit Image”. Click that.
The measurement will show your logo’s size in pixels. Just for reference, a really wide laptop screen might be 1600 pixels wide, so a logo bigger than that wouldn’t even fit on most screens, and wouldn’t be a good size for a logo on your site.
If you see a checkberboard pattern behind a logo, that means the background is transparent, which is good, it won’t have a box around it a different color than your header. However if there is too much space around your logo, it may look too small on the header. You can solve this by cropping your logo.
Make sure “crop” is selected in the tabs at the top, and then click and drag a box around the area you want to keep. Like this:
You’ll want to crop out most of the blank space around the logo.
If you also need to resize your image, enter the new dimensions you want in the new dimensions boxes. The second number is the height. Usually about 200 is more than enough.
You’ll notice when you change one of the numbers, the other automatically changes. That way you’re not stretching out your image, but it will still look right.
After you have it the size you want, click the Scale button.
When you’re finished, click the Back button at the bottom of the screen.
On the next screen, click the “Insert Into Post” button in the bottom right.
On the next screen, click “Save Settings”
If everything is OK with your logo, click the “Insert Into Post” button in the bottom right.
Now you’ll be back on the settings screen. There is another option you should decide about before saving your changes.
It asks, “How should this logo be displayed?” The default option is “Display text and logo”.
The placeholder logo we include with your site doesn’t have any text on it. If your logo doesn’t have any text, you can use the option ‘Display text and logo’. That way your business name will appear beside the logo.
But in many cases, a logo will include the business name. In that case, you will most likely want to change this option to be “Display Logo Only”. That way you don’t have your business name in plain text next to your logo that also includes your business name.
After making any needed changes, click the Save Settings button.
Now you’ll probably want to check your site and make sure everything looks correct, if it does then you are all set!