Make full width headers in sub-pages

  • Unknown's avatar
    tcolello62 · Member ·

    Hello! I’m trying to make my sub-pages have full-width headers like my homepage. Help please!

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    thesacredpath · Member ·

    Hi @tcolello62, if you are talking about making the featured images on pages such  as your Alternative Fuels page full width, give the following a try. This will affect all static pages. 

    .page .site-content .container, .inactive-sidebar.page.page-template-default .site-main {
    box-sizing: border-box;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}
.page .site-content .container .row, .page #colophon .footer-widgets .row {
    margin-left: 0;
    margin-right: 0;
}
.page .hentry .entry-thumb img {
    width: 100%;
}
.page .hentry .entry-content, .page .hentry .entry-footer {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}
.page .hentry .entry-header .entry-title {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}
.page .site-content .container .content-area {
    padding-left: 0;
    padding-right: 0;
}
.page .entry-content, .page .entry-title, .page .entry-footer {
    padding-left: 40px;
    padding-right: 40px;
}

    Make sure and test this out on tablet and phone as well. In my testing it all seems to be good, but it would be a good idea to check.

  • The topic ‘Make full width headers in sub-pages’ is closed to new replies.