Configuring Logos

Last Updated on

A logo is a visual representation of your business. It reflects your company’s name, message and values. Over time, your logo should be immediately recognizable to your customers, which is why The Ken offers a lot of options for customization.

This article covers the several ways that you can add and configure your logo. It also explains the difference between the global and page-specific logo.

configuring logos

In this article

Different Types of Logos

There are several logo types that are used in specific situations.

Type Description Size
Upload Favicon  Sets the default custom favicon 16*16px, 32*32px for Retina
Upload Logo This logo will be used as your default logo when your header skin is dark. 200*200 px
Upload Retina Logo Use this option if you want your logo to appear crystal clear on retina devices(eg. Macbook Retina, iPad, iPhone). 400*400px
Upload Light Logo This option will only be used if you have a transparent header with a light skin. 200*200px
Upload Retina Light Logo Use this option if your logo to appear crystal clear on retina devices (e.g. Macbook Retina, iPad, iPhone) and if you have a transparent header with a light skin. 400*400px
Upload Mobile Logo This logo will be used on mobile devices. 150*150px
Upload Mobile Retina Logo Use this option if you want your logo appear crystal clear on mobile retina devices(eg. iPad, iPhone). 300*300px
Pre-loader Overlay Logo This logo will be viewed in the pre-loader overlay. 200*200px
Note: These sizes are just recommended values, but other dimensions can also be used. The dispaly of your logo in the header will depend on the header height. The logo image cannot be uploaded in .svg or .gif formats.

Uploading a Logo Globally

The global logo will be used across your whole website.

To upload your global logo:

From the WordPress top menu, go to Theme Settings > Upload Logo.

configuring logos

Find the field Upload Logo and click on Upload.

configuring logos

Click on Save Changes.

Overriding the Global Logo on a Page

Instead of using one logo for the whole website, there is also an option to add a logo only to a specific page.

To upload your page-specific logo:

From the WordPress left menu, go to Pages and pick the page where you wish to upload your logo.

configuring logos
Scroll down to Ken Styling Options and enable Custom Settings.

configuring logos
Find your desired logo type and click on Upload.

Publish or Update the page.

To add a logo to the footer:

From the WordPress left menu, go to Appearance > Widgets.

configuring logos

On the Widgets page, drag and drop the Text widget into one of the Footer Column Areas.
Inside the text widget content, add the text below and customize it to your logo URL.

<img src="Link-To-Your-Logo" alt="configuring logos" />

Click on the Save button in the Text widget.

If you have any questions regarding the logo configuration, you can contact our support staff to get the assistance.

Was this helpful?
Previous Article:
Next Article:

Can't find what you're looking for?

Open New Ticket