{"id":70611,"date":"2016-05-20T07:53:34","date_gmt":"2016-05-20T11:53:34","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=70611"},"modified":"2017-09-08T05:20:38","modified_gmt":"2017-09-08T09:20:38","slug":"cherryframework-3-x-how-to-add-a-logo-to-the-footer","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/cherryframework-3-x-how-to-add-a-logo-to-the-footer.html","title":{"rendered":"CherryFramework 3.x. How to add a logo to the footer"},"content":{"rendered":"<p>Hello! This video tutorial shows how to <strong>add a logo to the footer<\/strong> in Cherry Framework 3 templates. <\/p> \r\n\r\n<div class=\"video-container\">\r\n\t<iframe src=\"https:\/\/www.youtube.com\/embed\/lVTXrc4fLqg\"><\/iframe>\r\n<\/div>\r\n<div class=\"inline-banner\">\r\n<a href=\"https:\/\/www.templatemonster.com\/service-center\/\">\r\n<img src=\"\/help\/files\/banners\/inline\/Banner-3-(835-x100).jpg\" \/>\r\n<\/a>\r\n<\/div>\r\n<p>It may happen that there is no logo in the footer of your site based on one of our <a href=\"https:\/\/www.templatemonster.com\/wordpress-themes.php\">WordPress themes<\/a> and you want to add it:<\/p>\r\n\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2016\/05\/cherry3_add_logo_to_footer_1.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/05\/cherry3_add_logo_to_footer_1-300x157.png\" alt=\"cherry3_add_logo_to_footer_1\" width=\"300\" height=\"157\" class=\"alignnone size-medium wp-image-70612\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/05\/cherry3_add_logo_to_footer_1-300x157.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/05\/cherry3_add_logo_to_footer_1-150x79.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/05\/cherry3_add_logo_to_footer_1-1024x537.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/05\/cherry3_add_logo_to_footer_1.png 1247w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<p>Let&#8217;s learn how to do that.<\/p>\r\n<p>The tutorial assumes you are already logged in to your WordPress dashboard.<\/p>\r\n<p>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.<\/p>\r\n<ol>\r\n\t<li>\r\n\t\t<p>Navigate to <strong>Appearance ->Editor<\/strong> and click on the <strong>wrapper-header.php<\/strong> file title at the right hand side:<\/p>\r\n\t\t\r\n\t\t<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2016\/05\/cherry3_add_logo_to_footer_2.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/05\/cherry3_add_logo_to_footer_2-300x165.png\" alt=\"cherry3_add_logo_to_footer_2\" width=\"300\" height=\"165\" class=\"alignnone size-medium wp-image-70613\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/05\/cherry3_add_logo_to_footer_2-300x165.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/05\/cherry3_add_logo_to_footer_2-150x82.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/05\/cherry3_add_logo_to_footer_2-1024x562.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/05\/cherry3_add_logo_to_footer_2.png 1249w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n\t<\/li>\r\n\t<li>\r\n\t\t<p>At the appeared file editing interface look for the following code:<\/p>\r\n\t\t<pre class=\"brush:php\">\r\n\t\t\t&lt;?php get_template_part(&quot;static\/static-logo&quot;); ?&gt;<\/pre>\r\n\t<\/li>\r\n\t<li>\r\n\t\t<p>Highlight the code and copy it to the clipboard:<\/p>\r\n\t\t\r\n\t\t<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2016\/05\/cherry3_add_logo_to_footer_3.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/05\/cherry3_add_logo_to_footer_3-300x165.png\" alt=\"cherry3_add_logo_to_footer_3\" width=\"300\" height=\"165\" class=\"alignnone size-medium wp-image-70614\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/05\/cherry3_add_logo_to_footer_3-300x165.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/05\/cherry3_add_logo_to_footer_3-150x83.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/05\/cherry3_add_logo_to_footer_3-1024x563.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/05\/cherry3_add_logo_to_footer_3.png 1247w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n\t<\/li>\r\n<\/ol>\r\n<p>Now that we have a code for the logo copied let&#8217;s add it to the footer.<\/p>\r\n<ol>\r\n\t<li>\r\n\t\t<p>Click on the <strong>wrapper-footer.php<\/strong> file title at the left to open the file for editing:<\/p>\r\n\t\t\r\n\t\t<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2016\/05\/cherry3_add_logo_to_footer_4.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/05\/cherry3_add_logo_to_footer_4-300x165.png\" alt=\"cherry3_add_logo_to_footer_4\" width=\"300\" height=\"165\" class=\"alignnone size-medium wp-image-70615\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/05\/cherry3_add_logo_to_footer_4-300x165.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/05\/cherry3_add_logo_to_footer_4-150x83.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/05\/cherry3_add_logo_to_footer_4-1024x563.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/05\/cherry3_add_logo_to_footer_4.png 1247w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n\t<\/li>\r\n\t<li>\r\n\t\t<p>Locate the following line of code there:<\/p>\r\n\t\t<pre class=\"brush:php\">\r\n\t\t\t&lt;?php get_template_part(&quot;static\/static-footer-nav&quot;); ?&gt;<\/pre>\r\n\t\t<p>The code reflects the navigation menu which is not used in the footer in our case &#8211; there is an empty space in footer area where we can add the logo to.<\/p>\r\n\t<\/li>\r\n\t<li>\r\n\t\t<p>Replace the navigation menu reference code with the previously copied logo code so that it looks like the following:<\/p>\r\n\t\t\r\n\t\t<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2016\/05\/cherry3_add_logo_to_footer_5.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/05\/cherry3_add_logo_to_footer_5-300x165.png\" alt=\"cherry3_add_logo_to_footer_5\" width=\"300\" height=\"165\" class=\"alignnone size-medium wp-image-70616\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/05\/cherry3_add_logo_to_footer_5-300x165.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/05\/cherry3_add_logo_to_footer_5-150x83.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/05\/cherry3_add_logo_to_footer_5-1024x563.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/05\/cherry3_add_logo_to_footer_5.png 1247w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n\t<\/li>\r\n\t<li>\r\n\t\t<p>Scroll down and click the <strong>&#8220;Update File&#8221;<\/strong> button to apply changes:<\/p>\r\n\t\t\r\n\t\t<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2016\/05\/cherry3_add_logo_to_footer_6.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/05\/cherry3_add_logo_to_footer_6-300x165.png\" alt=\"cherry3_add_logo_to_footer_6\" width=\"300\" height=\"165\" class=\"alignnone size-medium wp-image-70617\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/05\/cherry3_add_logo_to_footer_6-300x165.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/05\/cherry3_add_logo_to_footer_6-150x83.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/05\/cherry3_add_logo_to_footer_6-1024x563.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/05\/cherry3_add_logo_to_footer_6.png 1247w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n\t<\/li>\r\n\t<li>\r\n\t\t<p>Navigate back to your site front-end and refresh the page.<\/p>\r\n\t<\/li>\r\n<\/ol>\r\n<p>As you can see, the logo has been successfully added to the footer:<\/p>\r\n\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2016\/05\/cherry3_add_logo_to_footer_7.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/05\/cherry3_add_logo_to_footer_7-300x157.png\" alt=\"cherry3_add_logo_to_footer_7\" width=\"300\" height=\"157\" class=\"alignnone size-medium wp-image-70618\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/05\/cherry3_add_logo_to_footer_7-300x157.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/05\/cherry3_add_logo_to_footer_7-150x79.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/05\/cherry3_add_logo_to_footer_7-1024x537.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/05\/cherry3_add_logo_to_footer_7.png 1247w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<p>Mind that you may need to alter some styles in order to make the logo appear per your desire.<\/p>\r\n<p>You may also easily change the position of the logo by replacing respective reference codes with each other in wrapper-footer.php file:<\/p>\r\n\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2016\/05\/cherry3_add_logo_to_footer_8.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/05\/cherry3_add_logo_to_footer_8-300x165.png\" alt=\"cherry3_add_logo_to_footer_8\" width=\"300\" height=\"165\" class=\"alignnone size-medium wp-image-70619\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/05\/cherry3_add_logo_to_footer_8-300x165.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/05\/cherry3_add_logo_to_footer_8-150x83.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/05\/cherry3_add_logo_to_footer_8-1024x563.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/05\/cherry3_add_logo_to_footer_8.png 1247w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<p>This is the end of the tutorial. We have learned how to add a logo to the footer in your <a href=\"https:\/\/www.templatemonster.com\/cherry-wordpress-themes\/\">Cherry Framework 3 template.<\/a><\/p>\r\n<p>Feel free to check the detailed video tutorial below:<\/p>\r\n\r\n<a href=\"http:\/\/www.youtube.com\/watch?v=lVTXrc4fLqg?width=1280&amp;height=720\" rel=\"prettyPhoto\">CherryFramework 3.x. How to add a logo to the footer<\/a>","protected":false},"excerpt":{"rendered":"<p>Hello! This video tutorial shows how to  add a logo to the footer  in Cherry Framework 3 templates.<\/p>\n","protected":false},"author":68,"featured_media":70623,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[728],"tags":[2097,657,525],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/70611"}],"collection":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/users\/68"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=70611"}],"version-history":[{"count":1,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/70611\/revisions"}],"predecessor-version":[{"id":83124,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/70611\/revisions\/83124"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/70623"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=70611"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=70611"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=70611"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}