Support » Theme: Enigma » Customization of footer widget area

  • I need to customize the footer widget area so that I can see multiple facebook feed horizontally. Currently, I am able to insert the facebook feed but it is coming vertically, which is not looking good aesthetically. So can you please help me with the same. My url is http://www.nomoremissing.com.

Viewing 5 replies - 1 through 5 (of 5 total)
  • Weblizar

    (@weblizar_support)

    Hello,

    Go to theme folder open footer.php and go to line no. 13 see the code

    $args = array(
    	'before_widget' => '<div class="col-md-3 col-sm-6 enigma_footer_widget_column">',
    	'after_widget'  => '</div>',
    	'before_title'  => '<div class="enigma_footer_widget_title">',
    	'after_title'   => '<div class="enigma-footer-separator"></div></div>' );
    	the_widget('WP_Widget_Pages', null, $args);			
    } ?>

    replace it with below code and save the file.

    $args = array(
    	'before_widget' => '<div class="col-md-12 col-sm-6 enigma_footer_widget_column">',
    	'after_widget'  => '</div>',
    	'before_title'  => '<div class="enigma_footer_widget_title">',
    	'after_title'   => '<div class="enigma-footer-separator"></div></div>' );
    	the_widget('WP_Widget_Pages', null, $args);			
    } ?>

    Now Go to Dasdboard -> Appearance -> Customize -> Theme Options -> Theme General Options -> paste code in Custom CSS box and save.

    #efblcf {
        width: 33% !important;
    }

    Thanks

    Thanks you. I have done the changes. Now I am getting the facebook feeds horizontally, which is what I wanted. But one problem still remains – the posts are all crowded in 1/3 of the screen, so a large part of the area is still blank. Can you suggest how to correct this as well? Thanks.

    Weblizar

    (@weblizar_support)

    Hello,

    Go to theme folder open footer.php and go to line no. 13 see the code

    $args = array(
    	'before_widget' => '<div class="col-md-3 col-sm-6 enigma_footer_widget_column">',
    	'after_widget'  => '</div>',
    	'before_title'  => '<div class="enigma_footer_widget_title">',
    	'after_title'   => '<div class="enigma-footer-separator"></div></div>' );
    	the_widget('WP_Widget_Pages', null, $args);			
    } ?>

    replace it with below code and save the file.

    $args = array(
    	'before_widget' => '<div class="col-md-12 col-sm-6 enigma_footer_widget_column">',
    	'after_widget'  => '</div>',
    	'before_title'  => '<div class="enigma_footer_widget_title">',
    	'after_title'   => '<div class="enigma-footer-separator"></div></div>' );
    	the_widget('WP_Widget_Pages', null, $args);			
    } ?>

    then open functions.php and go to line no. 221 and see code.

    register_sidebar( array(
    		'name' => __( 'Footer Widget Area', 'enigma' ),
    		'id' => 'footer-widget-area',
    		'description' => __( 'footer widget area', 'enigma' ),
    		'before_widget' => '<div class="col-md-3 col-sm-6 enigma_footer_widget_column">',
    		'after_widget' => '</div>',
    		'before_title' => '<div class="enigma_footer_widget_title">',
    		'after_title' => '<div class="enigma-footer-separator"></div></div>',
    		) );  

    replace it with below code and save the file.

    register_sidebar( array(
    		'name' => __( 'Footer Widget Area', 'enigma' ),
    		'id' => 'footer-widget-area',
    		'description' => __( 'footer widget area', 'enigma' ),
    		'before_widget' => '<div class="col-md-12 col-sm-6 enigma_footer_widget_column">',
    		'after_widget' => '</div>',
    		'before_title' => '<div class="enigma_footer_widget_title">',
    		'after_title' => '<div class="enigma-footer-separator"></div></div>',
    		) );  

    Thanks

    Thank you so much. It is working fine now.

    Weblizar

    (@weblizar_support)

    You’re most welcome.

    Thanks for using weblizar’s theme.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Customization of footer widget area’ is closed to new replies.