When you perform a clean install of this theme, your default setting is to show a Site Title in your header instead of a logo. Because of the design of this theme, it was created to use a text based title due to the limited space you have for logos (particularily large logos). However, when it comes to adding a logo, you will need to venture into the Customizer to perform this task. Currently, you have the following options available:
- Site Title
- Logo
What you decide is going to be up to you, but I should also mention that the site description (tagline) is not available for this theme. If you decide to use a logo, I would recommend that you don’t make it too large. In fact, the height of your logo should not exceed 75 pixels.
Change the Site Title
- Go to Appearance >> Customize >> Site Identity
- In the “Site Title” field, change this to your own
- You can change the site tagline description if you wish, but this won’t show on the front-end of your site.
- Click “Save & Publish“
- This is what the above will look like:
Site Tagline
You might notice that this theme does not show a site tagline on the front-end, although there is a setting in the customizer for it. You can set the tagline if you wish, but this won’t be visible on the front of your website.
Add a Logo
When you upload your own logo, make sure it’s not too big. I recommend the height does not exceed 75 pixels so that it does not break the header area. File format can be either a jpg or png for best results. This theme is also setup to let you crop the logo image so that it fits accordingly to the recommended size, but you still have flexibility for the width of your logo image. This is the result we will get once uploaded and when we customize our logo settings:
NOTE When uploading a logo, this will automatically disable the text based site title.
- Go to Appearance >> Customize >> Site Identity
- Look for the Site Logo setting and click on the “Select Image” button to upload your logo:
- You can adjust the left and right padding (space) for your logo, so if you want to fill the logo box area without spacing, you can use the “Logo Left & Right Padding” setting to change that to 0 (for best results). The setting itself can have the value entered in directly by typing it, or when you mouseover the field, you will see up and down arrows to let you increase or decrease the value you see. The default value is 3, which is for 3% on the left and right:
- If you are happy, click on the “Save & Publish” button at the top of the customizer.