Adding your Logo

The logo is a cru­cial part of the brand­ing process. Is what makes you-you, and a sig­nif­i­cant ele­ment to be rec­og­nized for by the right peo­ple. Because of its huge rel­e­vance, we offer you two options to play with: you can add a graph­ic sym­bol (such as an image) or a text ver­sion (logo­type). You choose a font, and we help you fine-tune the logo after its personality.

Before you start

In order to prop­er­ly make things hap­pen with the font, we high­ly sug­gest you take into con­sid­er­a­tion these factors:

  • File For­mats
    You should be aware that a logo looks best in a .png or .svg for­mat with a trans­par­ent back­ground. If your logo file doesn’t have a trans­par­ent back­ground, it’s like­ly that your logo will part­ly cov­er the back­ground image.
  • Logo Size
    We encour­age you to have a larg­er image for your logo. Try to use a high dimen­sion of the logo, and we’ll do the rest by scal­ing it. This way the logo will adapt to any screen size (both desk­top and mobile).

Adding a Logo Image

Now that you know what’s bet­ter to do when set­ting up your logo, here’s what you have to do in order to upload it on your Word­Press site:

  1. Open the Cus­tomiz­er under Appear­ance and click on Site Title, Tagline, and Logo.
  2. In the new pan­el that opens out click the Add Logo but­ton to open the Media Man­ag­er.
  3. Select an image that’s already on your Media Library or upload a new one.
  4. When you fin­ish just click on Set as Logo and you’ll see the logo in the pre­view window.
  5. To acti­vate the logo on your site, click Save & Pub­lish button.

It couldn’t be eas­i­er than that, and you’ve already make an impor­tant step in order to per­son­al­ize your upcom­ing website.

There are con­texts where the head­er might be trans­par­ent so the logo auto­mat­i­cal­ly becomes unread­able. In this spe­cif­ic case, it’s good to know that an invert­ed logo might be help­ful. All you have to do is to upload a dark­er col­or ver­sion for the logo as well, and we’ll dis­play it if the head­er back­ground is lighter.

Using a Text Version

If you don’t have any graph­ic sym­bol that stands for your busi­ness, we rec­om­mend you to choose the text option instead. It’s a good switch if you’re care­ful with details like the font and its size. In this case, sim­ply use the Site Title field under Site Title & Logo and style its font using the options from Cus­tomiz­er Head­er.

Updated on April 30, 2017

Was this article helpful?