Add Custom CSS Classes to Genesis Framework

If you want to add custom CSS classes to the Genesis generated site structure, you can use the snippets below:

.site-container

add_filter('genesis_attr_site-container', 'wpkb_attributes_site_container');
function wpkb_attributes_site_container($attributes) {
    $attributes['class'] .= ' my-container-class';
    return $attributes;
}

.site-inner

add_filter('genesis_attr_site-inner', 'wpkb_attributes_site_inner');
function wpkb_attributes_site_inner($attributes) {
    $attributes['class'] .= ' my-site-inner-class';
    return $attributes;
}

.sidebar-wrap

add_filter( 'genesis_attr_content-sidebar-wrap', 'wpkb_attributes_content_sidebar_wrap' );
function wpkb_attributes_content_sidebar_wrap( $attributes ) {
    $attributes['class'] = $attributes['class']. ' my-content-sidebar-wrap-class';
    return $attributes;
}

.content

add_filter( 'genesis_attr_content', 'wpkb_attributes_content' );
function wpkb_attributes_content( $attributes ) {
    $attributes['class'] = $attributes['class']. ' my-content-class';
    return $attributes;
}