Full width layout with posts text centred

Home Pootlepress Academy Support Forums Academy Support Forum Misc Full width layout with posts text centred

This topic contains 3 replies, has 2 voices, and was last updated by Full width layout with posts text centred 1 Caroline Slater 3 years, 6 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #34023

    Hi Jamie
    I’ve been following one of the pootlepress tutorials on how to create a full width header with centred text for posts:


    When I use the custom css from this tutorial, it limits the front page to the same width as the posts.

    I would really like to create this look for all posts, but I would also like to be able to use more of the width for some of the pages.

    Is there a better way to achieve this?

    I’m using Canvas, Page builder, Page customiser and Menu customiser. I’m afraid I can’t give you a link to my site as I’m developing it on my local machine at the moment.

    Thanks for any pointers.

    Full width layout with posts text centred 3
    Jamie Marsland

    Hi Caroline,

    Yes you could just target specific pages i.e your blog page with these css settings.

    Here’s a link that shows on how to target specific pages with css http://jamiemarsland.wpengine.com/2013/06/65-tips-tricks-and-css-tweaks-for-woothemes-canvas/#pagetitlespecific


    Thanks for the reply. I assume you mean that if I put .home. in front of the css it will be applied only to the home page?

    I tried the following for the posts as per the tutorial:

    .entry {
    width: 750px;
    margin-left: auto;
    margin-right: auto;

    then added the following:

    .home.entry {
    width: 1000px;
    margin-left: auto;
    margin-right: auto;

    but there was no difference between post and home page.

    I am not really sure if I am changing the right thing or if you meant me to look at a different item in the 65-tips guide.

    Thanks for any further advice.


    Sorry – please disregard previous response – just realised I needed the page id rather than ‘home’ and it now works.

    Thanks very much!

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

You must be logged in to reply to this topic.