Increase content width in full-width page, increase space below featured photo

Home Forums Automattic Forefront Increase content width in full-width page, increase space below featured photo

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #107889 Resolve

    theeagertraveller

    I did a test on the full-width template for one of the pages but the content width is still small.

    For instance,
    http://theeagertraveller.com/guest-posts/

    Can you please help me expand the content width to the maximum?

    Also, I noticed that the space between the featured photo / banner and body is too narrow. Is it also possible to widen/increase this?

    Thanks in advance. Cheers

    The blog I need help with is theeagertraveller.com
    #138360

    theeagertraveller

    Basically, I’d like to replicate the demo full-width-page.

    http://forefrontdemo.wordpress.com/page-templates/full-width-page/

    Cheers

    #138365

    Michelle

    Try this CSS to increase the content width on full-width pages (it’s currently too narrow because it’s being affected by the CSS we added to increase the content width on pages that have the sidebar):

    .page-template-page-templatesfull-width-page-php #primary .entry-header,
    .page-template-page-templatesfull-width-page-php #primary .entry-content,
    .page-template-page-templatesfull-width-page-php #primary .entry-summary {
    margin-left: 0;
    margin-right: 0;
    width: auto;
    }

    Also, I noticed that the space between the featured photo / banner and body is too narrow. Is it also possible to widen/increase this?

    Yes, this CSS should do the trick.

    .hero {
    margin-bottom: 15px;
    }

    Adjust the 15px to any number that works best for you.

    #138373

    theeagertraveller

    Worked perfectly, thanks Michelle.

    Now the whole full-width space is maximised and the space between the featured photo and the content is wider.

    Cheers

    #138430

    Michelle

    Glad to help!

Viewing 5 posts - 1 through 5 (of 5 total)

The topic ‘Increase content width in full-width page, increase space below featured photo’ is closed to new replies.