{"id":74012,"date":"2016-07-28T08:44:54","date_gmt":"2016-07-28T12:44:54","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=74012"},"modified":"2016-09-19T10:05:52","modified_gmt":"2016-09-19T14:05:52","slug":"cherryframework-4-how-to-change-number-of-columns-in-footer-static-sidebar-area","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/cherryframework-4-how-to-change-number-of-columns-in-footer-static-sidebar-area.html","title":{"rendered":"CherryFramework 4. How to change number of columns in footer (split columns)"},"content":{"rendered":"<p>This tutorial is going to show you how to change the number of columns in <strong>Footer Static Sidebar Area<\/strong> in <a href=\"https:\/\/www.templatemonster.com\/cherry-framework-4-wordpress-themes\/\"title=\"WordPress Cherry Framework 4 Templates\">Cherry Framework 4 Templates<\/a>.<\/p>\r\n\r\n <div class=\"video-container\">\r\n\t<iframe src=\"https:\/\/www.youtube.com\/embed\/W-QcZbLG1rM\"><\/iframe>\r\n<\/div>\r\n<p>If you add widgets into footer but they do not display, you need to change the number of columns in site files. Let&#8217;s follow a few simple steps to do this:<\/p>\r\n<ol>\r\n\t<li>\r\n\t\t<p>Please, use your <i>FTP<\/i> of <i>Hosting cPanel file manager<\/i> to locate <strong>footer-sidebars.php<\/strong> file in <strong>wp-content\/themes\/themeXXX\/init\/statics folder<\/strong>.<\/p>\r\n\t\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2016\/07\/CherryFramework_4_How_to_change_number_of_columns_in_footer_static_sidebar_area_img1.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/07\/CherryFramework_4_How_to_change_number_of_columns_in_footer_static_sidebar_area_img1-300x193.png\" alt=\"CherryFramework_4_How_to_change_number_of_columns_in_footer_static_sidebar_area_img1\" width=\"300\" height=\"193\" class=\"alignnone size-medium wp-image-74014\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/07\/CherryFramework_4_How_to_change_number_of_columns_in_footer_static_sidebar_area_img1-300x193.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/07\/CherryFramework_4_How_to_change_number_of_columns_in_footer_static_sidebar_area_img1-150x97.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/07\/CherryFramework_4_How_to_change_number_of_columns_in_footer_static_sidebar_area_img1.png 954w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\t<\/li>\r\n\t<li>\r\n\t\t<p>Open this file with any <i>Text editor<\/i> and edit the code on line 27:<\/p>\r\n\t\t<pre class=\"brush:php\">&#36;classes[] = &#39;col-lg-4&#39;;<\/pre>\r\n\t\t<p><i>col-lg-4<\/i> splits row into 3 columns. If you wish to split into 4 columns use <i>col-lg-3<\/i>.<\/p>\r\n\t\t<p>Additionally you can edit footer layout for laptops &#8211; col-<strong>sm<\/strong>-12; and mobile devices &#8211; col-<strong>xs<\/strong>-12.<\/p>\r\n\t\t<p>On line 36 edit the following code:<\/p>\r\n\t\t<pre class=\"brush:php\">for ( &#36;i = 1; &#36;i &#60;= 2; &#36;i&#43;&#43; ) {<\/pre>\r\n\t\t<p>Change number 2 to 3.<\/p>\r\n\t\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2016\/07\/CherryFramework_4_How_to_change_number_of_columns_in_footer_static_sidebar_area_img2.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/07\/CherryFramework_4_How_to_change_number_of_columns_in_footer_static_sidebar_area_img2-300x111.png\" alt=\"CherryFramework_4_How_to_change_number_of_columns_in_footer_static_sidebar_area_img2\" width=\"300\" height=\"111\" class=\"alignnone size-medium wp-image-74015\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/07\/CherryFramework_4_How_to_change_number_of_columns_in_footer_static_sidebar_area_img2-300x111.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/07\/CherryFramework_4_How_to_change_number_of_columns_in_footer_static_sidebar_area_img2-150x55.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/07\/CherryFramework_4_How_to_change_number_of_columns_in_footer_static_sidebar_area_img2.png 812w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\t<\/li>\r\n\t<li>\r\n\t\t<p>Save changes and replace file on server. Check your site then.<\/p>\r\n\t\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2016\/07\/CherryFramework_4_How_to_change_number_of_columns_in_footer_static_sidebar_area_img3.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/07\/CherryFramework_4_How_to_change_number_of_columns_in_footer_static_sidebar_area_img3-300x109.png\" alt=\"CherryFramework_4_How_to_change_number_of_columns_in_footer_static_sidebar_area_img3\" width=\"300\" height=\"109\" class=\"alignnone size-medium wp-image-74016\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/07\/CherryFramework_4_How_to_change_number_of_columns_in_footer_static_sidebar_area_img3-300x109.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/07\/CherryFramework_4_How_to_change_number_of_columns_in_footer_static_sidebar_area_img3-150x54.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/07\/CherryFramework_4_How_to_change_number_of_columns_in_footer_static_sidebar_area_img3-1024x372.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/07\/CherryFramework_4_How_to_change_number_of_columns_in_footer_static_sidebar_area_img3.png 1195w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\t<\/li>\r\n<\/ol>\r\n<p>Feel free to check the detailed video tutorial below:<\/p>\r\n<a href=\"http:\/\/www.youtube.com\/watch?v=W-QcZbLG1rM?width=1280&amp;height=720\" rel=\"prettyPhoto\">CherryFramework 4. How to change number of columns in footer static sidebar area<\/a>","protected":false},"excerpt":{"rendered":"<p>This tutorial is going to show you how to change the number of columns in <strong>Footer Static Sidebar Area<\/strong>.<\/p>\n","protected":false},"author":89,"featured_media":74017,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[2017,728],"tags":[2012,1111,657,583],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/74012"}],"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\/89"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=74012"}],"version-history":[{"count":0,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/74012\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/74017"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=74012"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=74012"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=74012"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}