Reply To: How to change width of epik home feature widgets?

Homepage Community Forums Epik Theme Support How to change width of epik home feature widgets? Reply To: How to change width of epik home feature widgets?

#7369
Mike
Customer

    Thanks Eric! Legend.

    Also for future readers… between using this support post:

    https://appfinite.com/topic/slider-on-the-left-sidebar-on-the-right-how/

    AND

    1) editing home.php to create the new widget areas below

    /**
     * Display widget content for "slider" and "welcome" sections.
     *
     */
    function epik_home_loop_helper_top() {
    			
    	genesis_widget_area( 'slider', array(
    		'before' => '<div id="slider"><div class="slider-inner">',
    		'after' => '</div></div>',
    	) );
    	
    	genesis_widget_area( 'homepage-left', array(
    		'before' => '<div id="homepage-left"><div class="homepage-left">',
    		'after' => '</div></div>',
    	) );
    	
    	genesis_widget_area( 'homepage-right', array(
    		'before' => '<div id="homepage-right"><div class="slider-right">',
    		'after' => '</div></div>',
    	) );
    		
    }

    AND

    2) Creating the new widget areas in functions.php

    genesis_register_sidebar( array(
    	'id'			=> 'homepage-left',
    	'name'			=> __( 'Homepage Left', 'epik' ),
    	'description'	=> __( 'This is the homepage left section.', 'epik' ),
    ) );
    genesis_register_sidebar( array(
    	'id'			=> 'homepage-right',
    	'name'			=> __( 'Homepage Right', 'epik' ),
    	'description'	=> __( 'This is the homepage right section.', 'epik' ),
    ) );

    AND

    3) Styling the CSS as below to have 2 side by side widgets

    .homepage-left {
        margin: 0 auto !important;
        overflow: hidden;
        padding: 0 0 0px !important;
        width: 50%;
        float: left; 
        
    }
    
    .homepage-right {
        margin: 0 auto !important;
        overflow: hidden;
        padding: 0 0 0px !important;
        width: 50%; 
        float: right;
    
    }

    This worked. So if you want more clickable content instantly on the homepage, this may help.