{"id":75937,"date":"2016-09-19T11:27:19","date_gmt":"2016-09-19T15:27:19","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=75937"},"modified":"2016-10-19T08:05:16","modified_gmt":"2016-10-19T12:05:16","slug":"cherryframework-4-change-number-columns-footer","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/cherryframework-4-change-number-columns-footer.html","title":{"rendered":"CherryFramework 4. How to change number of columns in footer (merge columns)"},"content":{"rendered":"<p>Hello! This video tutorial shows how to <strong>change number of columns in footer<\/strong> of CherryFramework 4 templates.<\/p>\r\n\r\n <div class=\"video-container\">\r\n\t<iframe src=\"https:\/\/www.youtube.com\/embed\/xM_TVgf6RYc\"><\/iframe>\r\n<\/div>\r\n<p>You may want to change the number of columns in the footer of your website to have site design match your desire:<\/p>\r\n\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2016\/09\/cherryframework4_change_number_columns_in_footer_1.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/09\/cherryframework4_change_number_columns_in_footer_1-300x157.png\" alt=\"cherryframework4_change_number_columns_in_footer_1\" width=\"300\" height=\"157\" class=\"alignnone size-medium wp-image-75940\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/cherryframework4_change_number_columns_in_footer_1-300x157.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/cherryframework4_change_number_columns_in_footer_1-150x79.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/cherryframework4_change_number_columns_in_footer_1-768x403.png 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/cherryframework4_change_number_columns_in_footer_1-1024x537.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/cherryframework4_change_number_columns_in_footer_1.png 1247w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n\r\n<p>Let&#8217;s learn how to do that.<\/p>\r\n<p>Let&#8217;s say you want to have two columns instead of three in the footer.<\/p>\r\n<p>Firstly, you should get rid of the third column.<\/p>\r\n<ol>\r\n<li>\r\n<p>Using the <strong>FTP\/hosting control panel File Manager<\/strong> navigate to <strong>wp-content\/themes\/themeXXXXX\/init\/config\/<\/strong> directory (here <strong>XXXXX<\/strong> stands for your theme number).<\/p>\r\n<\/li>\r\n<li>\r\n<p>Look for the <strong>sidebars.php<\/strong> file and open it for editing:<\/p>\r\n\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2016\/09\/cherryframework4_change_number_columns_in_footer_2.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/09\/cherryframework4_change_number_columns_in_footer_2-300x163.png\" alt=\"cherryframework4_change_number_columns_in_footer_2\" width=\"300\" height=\"163\" class=\"alignnone size-medium wp-image-75941\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/cherryframework4_change_number_columns_in_footer_2-300x163.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/cherryframework4_change_number_columns_in_footer_2-150x82.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/cherryframework4_change_number_columns_in_footer_2-768x418.png 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/cherryframework4_change_number_columns_in_footer_2-1024x558.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/cherryframework4_change_number_columns_in_footer_2.png 1260w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<\/li>\r\n<li>\r\n<p>Once the file is opened, find the following code there:<\/p>\r\n<pre class=\"brush:php\">\r\ncherry_register_sidebar(\r\n     array(\r\n         'id'          =&gt; 'sidebar-footer-3',\r\n         'name'        =&gt; __( 'Footer Sidebar 3', 'theme3624' ),\r\n         'description' =&gt; __( 'A sidebar located in the footer of the site.', 'theme3624' ),\r\n     )\r\n);\r\n<\/pre>\r\n<\/li>\r\n<li>\r\n<p>Comment out the code, so it looks as follows:<\/p>\r\n<pre class=\"brush:php\">\r\n\/*cherry_register_sidebar(\r\n     array(\r\n         'id'          =&gt; 'sidebar-footer-3',\r\n         'name'        =&gt; __( 'Footer Sidebar 3', 'theme3624' ),\r\n         'description' =&gt; __( 'A sidebar located in the footer of the site.', 'theme3624' ),\r\n     )\r\n);*\/\r\n<\/pre>\r\n\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2016\/09\/cherryframework4_change_number_columns_in_footer_3.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/09\/cherryframework4_change_number_columns_in_footer_3-300x163.png\" alt=\"cherryframework4_change_number_columns_in_footer_3\" width=\"300\" height=\"163\" class=\"alignnone size-medium wp-image-75942\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/cherryframework4_change_number_columns_in_footer_3-300x163.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/cherryframework4_change_number_columns_in_footer_3-150x82.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/cherryframework4_change_number_columns_in_footer_3-768x418.png 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/cherryframework4_change_number_columns_in_footer_3-1024x558.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/cherryframework4_change_number_columns_in_footer_3.png 1260w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<\/li>\r\n<li>\r\n<p>Save the file to apply changes:<\/p>\r\n\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2016\/09\/cherryframework4_change_number_columns_in_footer_4.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/09\/cherryframework4_change_number_columns_in_footer_4-300x162.png\" alt=\"cherryframework4_change_number_columns_in_footer_4\" width=\"300\" height=\"162\" class=\"alignnone size-medium wp-image-75943\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/cherryframework4_change_number_columns_in_footer_4-300x162.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/cherryframework4_change_number_columns_in_footer_4-150x81.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/cherryframework4_change_number_columns_in_footer_4-768x415.png 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/cherryframework4_change_number_columns_in_footer_4-1024x554.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/cherryframework4_change_number_columns_in_footer_4.png 1270w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<\/li>\r\n<\/ol>\r\n<p>Now that the third column is gone, you should change the remained columns width to stretch them through the whole container width, since they do not look good:<\/p>\r\n\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2016\/09\/cherryframework4_change_number_columns_in_footer_5.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/09\/cherryframework4_change_number_columns_in_footer_5-300x157.png\" alt=\"cherryframework4_change_number_columns_in_footer_5\" width=\"300\" height=\"157\" class=\"alignnone size-medium wp-image-75944\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/cherryframework4_change_number_columns_in_footer_5-300x157.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/cherryframework4_change_number_columns_in_footer_5-150x79.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/cherryframework4_change_number_columns_in_footer_5-768x403.png 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/cherryframework4_change_number_columns_in_footer_5-1024x537.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/cherryframework4_change_number_columns_in_footer_5.png 1247w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<ol>\r\n<li>\r\n<p>Navigate to<strong> wp-content\/themes\/themeXXXXX\/init\/statics\/ <\/strong>directory and look for the <strong>footer-sidebars.php<\/strong> file.<\/p>\r\n<\/li>\r\n<li>\r\n<p>Open the file for editing and find the following code there:<\/p>\r\n<pre class=\"brush:php\">\r\npublic function callback() {\r\n    for ( $i = 1; $i &lt;= 3; $i++ ) {\r\n            echo '&lt;div class=&quot;col-xs-12 col-sm-4&quot;&gt;';\r\n                       cherry_get_sidebar( &quot;sidebar-footer-{$i}&quot; );\r\n            echo '&lt;\/div&gt;';\r\n    }\r\n}\r\n<\/pre>\r\n<\/li>\r\n<li>\r\n<p>Replace the <strong>col-sm-4<\/strong> with <strong>col-sm-6<\/strong> to have each of the footer column occupy half of the content width:<\/p>\r\n\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2016\/09\/cherryframework4_change_number_columns_in_footer_6.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/09\/cherryframework4_change_number_columns_in_footer_6-300x163.png\" alt=\"cherryframework4_change_number_columns_in_footer_6\" width=\"300\" height=\"163\" class=\"alignnone size-medium wp-image-75938\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/cherryframework4_change_number_columns_in_footer_6-300x163.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/cherryframework4_change_number_columns_in_footer_6-150x82.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/cherryframework4_change_number_columns_in_footer_6-768x418.png 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/cherryframework4_change_number_columns_in_footer_6-1024x558.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/cherryframework4_change_number_columns_in_footer_6.png 1260w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<\/li>\r\n<li>\r\n<p>Do not forget to save the file to apply changes.<\/p>\r\n<\/li>\r\n<li>\r\n<p>Navigate to your site frontend and refresh the page to see changes.<\/p>\r\n<\/li>\r\n<\/ol>\r\n<p>As you can see, the footer columns count is successfully changed:<\/p>\r\n\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2016\/09\/cherryframework4_change_number_columns_in_footer_7.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/09\/cherryframework4_change_number_columns_in_footer_7-300x157.png\" alt=\"cherryframework4_change_number_columns_in_footer_7\" width=\"300\" height=\"157\" class=\"alignnone size-medium wp-image-75939\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/cherryframework4_change_number_columns_in_footer_7-300x157.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/cherryframework4_change_number_columns_in_footer_7-150x79.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/cherryframework4_change_number_columns_in_footer_7-768x403.png 768w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/cherryframework4_change_number_columns_in_footer_7-1024x537.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/09\/cherryframework4_change_number_columns_in_footer_7.png 1247w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n<p>This is the end of the tutorial. We have learnt how to change the number of columns in footer of your CherryFramework 4 template.<\/p>\r\n<p>Feel free to check the detailed video tutorial below:<\/p>\r\n<a href=\"http:\/\/www.youtube.com\/watch?v=xM_TVgf6RYc?width=1280&amp;height=720\" rel=\"prettyPhoto\">CherryFramework 4. How to change number of columns in footer<\/a>","protected":false},"excerpt":{"rendered":"<p>Hello! This video tutorial shows how to <strong>change number of columns in footer<\/strong> of CherryFramework 4 templates.<\/p>\n","protected":false},"author":68,"featured_media":75945,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[2017,728],"tags":[2012,1111,657],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/75937"}],"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=75937"}],"version-history":[{"count":0,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/75937\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/75945"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=75937"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=75937"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=75937"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}