Reply To: Full width image on interior pages?

Homepage Community Forums Aspire Theme Support Full width image on interior pages? Reply To: Full width image on interior pages?

#23318
Wes
Moderator

    Here’s some code you can start with. Add this to your functions file.

    add_action( 'genesis_after_header', 'after_header_widget', 11 );
    /**
     * Hooks in after Header Widget Area.
     *
     */
    function after_header_widget() {
    
    	genesis_widget_area(
    		'after-header-widget',
    		array(
    			'before' => '<div class="after-header-widget"><div class="wrap">',
    			'after'  => '</div></div>',
    		)
    	);
    
    }
    genesis_register_sidebar( array(
    	'id'          => 'after-header-widget',
    	'name'        => __( 'After Header Widget', 'aspire' ),
    	'description' => __( 'This is the After Header Widget.', 'aspire' ),
    ) );

    This includes the code to Hook the widget into place and it also Registers the widget so it will be available on the Widgets page.

    You’ll need to make your adjustments to your CSS to change the design/look. Here’s some CSS that you can start with –

    .after-header-widget {
    	background: #fa5738;
    	clear: both;
    	margin: 74px auto 0;
    	padding: 20px;
    }

    Edit: Here’s what it would look like – https://i.postimg.cc/qJnxqKpv/Screen-Shot-2019-08-08-at-4-30-37-PM.png