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?
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.