Add Logo To Genesis Framework Theme With Pictures

Adding logo to genesis framework Oct 15 2015 is sort of difficult for a blogger, who has no background in coding. According to a survey group, more than 19% of blogger’s have no knowledge in coding. This tutorial is to explain how easily you can place your Logo on your Genesis blog.

Genesis Framework Custom Header:

If your Genesis Framework supports custom header , You won’t need this you can go and customize it within 3 mins. To find the option Go to WordPress dashboard , Appearance > Customize?

Widgets > Menu > HEADER > Editor.

If you can’t find HEADER option then follow the below steps.

Add Logo To Genesis Framework:

Genesis framework child theme supports header logo option. Go to Dashboard and Choose Genesis >Theme settings

After “Theme settings” page show’s up  scroll down look for header. Now  Select “Image logo” again scroll down to the end and hit “save setting“.

Now we have created a stage to set up to give a custom logo in Genesis Framework.

Go to library and add your brand Logo to your server.

After uploading it , Copy the URL which is going to come in handy in next few steps.

This is where things will take a different level, where coding will become more important depending on which child theme your using. Now go to Appearance >Editor.

After you land on editor, Take a look at right side bar there will be few files, Locate “Stylesheet.php” which is at the bottom and select it.

Now select Ctrl+f and locate “images/logo.png” or  “header-image” . Now you can replace “images/logo.png“ to your custom URL which you have copied in earlier step.

After replacing “images/logo.png” to custom URL, which i have used it on that site and scroll down then select update file.

Precautions to take before Adding Logo:

Make sure you create a back up to avoid unpleasant situation, you can restore it to back to an earlier version.

Will this method is effective?

As you can find on the above pictures i have used a WordPress blog which is running Genesis Framework Version: 2.2.3· Released on October 12, 2015, It has worked smoothly and i was able to do it without any obstacles. Any one can edit that part with no knowledge in coding can Still got questions, join us on our community forum or comment below.