Advocator: Home Hero Widgets Section

The widgetized area labeled "Home Top Area" will accept any widgets but we've crafted an icon/text format for display in this space as demonstrated in the demo:

The demo uses three standard Text widgets in the "Home Top Area" space. You can add your own by navigating to Appearance > Widgets:

Pasting the following text into each individual Text widget will display the content as seen in the demo:

If you have the Rescue Shortcodes plugin activated, you'll be able to use a number of different icons. Simply replace the name "heart" as demonstrated in the snippet above with whichever icon name you'd like to use.

Additionally, you can adjust the icon size by changing the multiplier number: 3x

The widget area colors and behavior can be adjusted from the customizer settings:

Appearance > Customize > Theme Options > Home Top Widgets

Show four columns instead of three

By default the Home Hero widget shows three columns but you can let it show four by adding this code to your functions.php in your child theme.

function four_icon_home_hero_widget(){ 
// unregister parent theme sidebar
unregister_sidebar( 'second-footer-widget-area' );
register_sidebar( array(
        'name'           => __( 'Home Top Area', 'rescue' ),
        'id'             => 'home_widgets_top',
        'before_widget'  => '<div id="%1$s" class="home_widgets_top medium-3 columns %2$s">',
        'after_widget'   => '</div>',
        'before_title'   => '<h3 class="widget-title">',
        'after_title'    => '</h3>',
    ) );

add_action( 'widgets_init', 'four_icon_home_hero_widget', 11 );