Genesis - How to change content widths

Below are several code snippets you can use to modify the content width in various areas of your site!

Please note that this is not exhaustive and depending on your theme, may not cover all areas. If you need further assistance, please submit a customization request.

Where to add code snippets >

Single Post (with Sidebar) Width

.single-post.content-sidebar .content-sidebar-wrap,
.single-post.sidebar-content .content-sidebar-wrap {
    max-width: 1100px; 
}

Single Post (Full Width) Width

.single-post.full-width-content .content-sidebar-wrap {
    max-width: 900px;
}

Page (with Sidebar) Width

.page.content-sidebar .content-sidebar-wrap,
.page.sidebar-content .content-sidebar-wrap {
    max-width: 1100px; 
}

Page (Full Width) Width

.page.full-width-content .content-sidebar-wrap,
.archive.full-width-content .content-sidebar-wrap {
    max-width: 900px;
}

Homepage Wrap Width

.home .home-area .wrap {
    max-width: 1150px !important;
}