How to Add a logo on the Genesis Child Theme

How to Add a logo on the Genesis Child Theme

Genesis is a premium theme that is supported by about 50 child theme. Some of these themes child equipped with a logo that is located under the Default Layout feature in Genesis Settings so that the logo is uploaded (upload) via the file manager can be displayed on the blog hosting.

However, the logo features not available on most child theme, such as Prose, Pro Magazine, Lifestyle Pro and Pro News.

Fortunately, this problem can be solved with Easy Genesis Logo Uploader plugin. Here's how to add a logo using the plugin.

A. It is Easy to install and Activate Plugin Uploader Genesis Logo

1. Log into your WordPress blog

2. Click Add New Plugin on Plugins feature.

3. In the Search box provided, type Easy Genesis Logo Uploader.

4. Click the Install Now button that is in part a brief description of the plugin.

5. Click OK on the notification Are you sure you want to install this plugin?

6. Click the Active Plugin.

7. You will see a notification stating Easy Genesis Logo Uploader plugin is active. In addition, there is also a notification asking you to delete the header custom code in functions.php. For information, Genesis Easy Logo Uploader plugin does not work if the header custom code has not been removed.

B. Removing custome Header Code

To remove the header custome code, the steps are:

8. Move your cursor on a feature and then click Appearance Editor.

9. On page Stylesheet (style.css) appear, see the top right and then click the Theme Functions (functions.php).

You will see the page functions.php. On this page, find the header custom code that begins with command// * Add support for custom header and ends with a semicolon.

Section headers are usually custom code varies, depending on the child theme is used.

10. Remove custome header code and click on the Update File. Notifications as explained in step 7 will disappear by itself.

C. Uploading Logo

Now it is time to upload a logo which I assume you have created before installing the plugin Easy Genesis Logo Uploader. Stages uploading a logo as follows:

11. Move your cursor on the Appearance feature, and then click Customize.

12. Click the Upload logo that appears Select Image button.

13. Click the Select Image button and then click Upload Files and Select Files.

14. Locate the logo on your computer, and then click Open.

15. You will see ATTACHMENT DETAILS. Fill in the Title box and Alt Text available (the other box is left as default). After that, click the button Choose Image.

16. Click the Save & Publish.

D. Raising Logo in Header Blog

Logo uploaded yet to appear in the header. To bring it up, follow the steps below:

17. Move your cursor on the menu and then click Theme Settings Genesis.

18. In the Header box settings, select Image logo.

19. Click the Save Settings button.

20. Visit your blog to see the logo that has been uploaded.

21. Adjust the distance of the logo padding that match the look of your blog header. (This is done in part Stylesheet (style.css). Use the add-on Firebug to determine the logo CSS code).

For those of you who like Genesis, Genesis Easy Logo Uploader plugin is an easy solution to add a logo to the Genesis child theme which is not equipped with a logo on its Settings section. Good luck!

Expert Lheeman