Categories

Featured templates

CherryFramework 3.x. How to add a logo to the footer

Andre Flores May 20, 2016
Rating: 5.0/5. From 2 votes.
Please wait...

Hello! This video tutorial shows how to add a logo to the footer in Cherry Framework 3 templates.

It may happen that there is no logo in the footer of your site based on one of our WordPress themes and you want to add it:

cherry3_add_logo_to_footer_1

Let’s learn how to do that.

The tutorial assumes you are already logged in to your WordPress dashboard.

There is already a logo in the header of your site so you may simply use its code to have the logo displayed in the footer.

  1. Navigate to Appearance ->Editor and click on the wrapper-header.php file title at the right hand side:

    cherry3_add_logo_to_footer_2
  2. At the appeared file editing interface look for the following code:

    			<?php get_template_part("static/static-logo"); ?>
  3. Highlight the code and copy it to the clipboard:

    cherry3_add_logo_to_footer_3

Now that we have a code for the logo copied let’s add it to the footer.

  1. Click on the wrapper-footer.php file title at the left to open the file for editing:

    cherry3_add_logo_to_footer_4
  2. Locate the following line of code there:

    			<?php get_template_part("static/static-footer-nav"); ?>

    The code reflects the navigation menu which is not used in the footer in our case – there is an empty space in footer area where we can add the logo to.

  3. Replace the navigation menu reference code with the previously copied logo code so that it looks like the following:

    cherry3_add_logo_to_footer_5
  4. Scroll down and click the Update File” button to apply changes:

    cherry3_add_logo_to_footer_6
  5. Navigate back to your site front-end and refresh the page.

As you can see, the logo has been successfully added to the footer:

cherry3_add_logo_to_footer_7

Mind that you may need to alter some styles in order to make the logo appear per your desire.

You may also easily change the position of the logo by replacing respective reference codes with each other in wrapper-footer.php file:

cherry3_add_logo_to_footer_8

This is the end of the tutorial. We have learned how to add a logo to the footer in your Cherry Framework 3 template.

Feel free to check the detailed video tutorial below:

CherryFramework 3.x. How to add a logo to the footer
Wordpress Themes Templates
This entry was posted in WordPress Tutorials and tagged CherryFramework3, footer, logo. Bookmark the permalink.

Submit a ticket

If you are still unable to find a sufficient tutorial regarding your issue please use the following link to submit a request to our technical support team. We'll provide you with our help and assistance within next 24 hours: Submit a ticket