If this tutorial is not what you were looking for, you still have any questions, suggestions or concerns - feel free to let us know. Please help us to serve you better!

Your Name

Your Email

Your Message (required)

captcha

CherryFramework 4. How to change number of columns in footer (merge columns)

Hello! This video tutorial shows how to change number of columns in footer of CherryFramework 4 templates.

You may want to change the number of columns in the footer of your website to have site design match your desire:

cherryframework4_change_number_columns_in_footer_1

Let’s learn how to do that.

Let’s say you want to have two columns instead of three in the footer.

Firstly, you should get rid of the third column.

  1. Using the FTP/hosting control panel File Manager navigate to wp-content/themes/themeXXXXX/init/config/ directory (here XXXXX stands for your theme number).

  2. Look for the sidebars.php file and open it for editing:

    cherryframework4_change_number_columns_in_footer_2

  3. Once the file is opened, find the following code there:

    cherry_register_sidebar(
         array(
             'id'          => 'sidebar-footer-3',
             'name'        => __( 'Footer Sidebar 3', 'theme3624' ),
             'description' => __( 'A sidebar located in the footer of the site.', 'theme3624' ),
         )
    );
    
  4. Comment out the code, so it looks as follows:

    /*cherry_register_sidebar(
         array(
             'id'          => 'sidebar-footer-3',
             'name'        => __( 'Footer Sidebar 3', 'theme3624' ),
             'description' => __( 'A sidebar located in the footer of the site.', 'theme3624' ),
         )
    );*/
    

    cherryframework4_change_number_columns_in_footer_3

  5. Save the file to apply changes:

    cherryframework4_change_number_columns_in_footer_4

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:

cherryframework4_change_number_columns_in_footer_5

  1. Navigate to wp-content/themes/themeXXXXX/init/statics/ directory and look for the footer-sidebars.php file.

  2. Open the file for editing and find the following code there:

    public function callback() {
        for ( $i = 1; $i <= 3; $i++ ) {
                echo '<div class="col-xs-12 col-sm-4">';
                           cherry_get_sidebar( "sidebar-footer-{$i}" );
                echo '</div>';
        }
    }
    
  3. Replace the col-sm-4 with col-sm-6 to have each of the footer column occupy half of the content width:

    cherryframework4_change_number_columns_in_footer_6

  4. Do not forget to save the file to apply changes.

  5. Navigate to your site frontend and refresh the page to see changes.

As you can see, the footer columns count is successfully changed:

cherryframework4_change_number_columns_in_footer_7

This is the end of the tutorial. We have learnt how to change the number of columns in footer of your CherryFramework 4 template.

Feel free to check the detailed video tutorial below:

CherryFramework 4. How to change number of columns in footer