WordPress.org

Forums

Patchwork
[resolved] Patchwork Theme Page Width Template (9 posts)

  1. dantemer
    Member
    Posted 2 years ago #

    Looking to see how to create a template that allows the page to take up the entire monitor width. I've created a new template file and can apply to the page, but can not find the specific code that controls the width of the page content. Thanks.

    http://wordpress.org/extend/themes/patchwork/

  2. alchymyth
    Forum Moderator
    Posted 2 years ago #

    please post a link to a page which is using the template, to illustrate the problem.

    for fundamental formatting problems like this, try working with a browser tool (such as Firebug http://getfirebug.com/) to investigate the involved css styles.

  3. dantemer
    Member
    Posted 2 years ago #

    Site is: http://www.nostalgia-now.com/test-shop/

    Tested in IE, Chrome, Firefox and with two different cart scripts @ 1280 x 1024 resolution. I can not get the page to take the entire width of the screen and the cart displays a scroll link on the bottom.

  4. Andrew
    Nuh uh moderator
    Posted 2 years ago #

    Are you using a Child Theme or have you a custom style/css plugin?

  5. CodeBotics
    Member
    Posted 2 years ago #

    Just to clarify, are you trying to make the post with "Test Shop" as the title take up the entire page width? Or just take up the 1000px container in the middle?

    This:
    http://www.codebotics.co.uk/files/1.png"
    or this:
    http://www.codebotics.co.uk/files/2.png"

  6. dantemer
    Member
    Posted 2 years ago #

    "are you trying to make the post with "Test Shop" as the title take up the entire page width?" Yes as shown in the second pic posted.

  7. dantemer
    Member
    Posted 2 years ago #

    Here is what I have, I believe all I'm missing is how to call the proper container style in the template.
    1) I created a new page template, specifically for the store.
    2) I located the CSS style and added the following:
    #store { width: 90%;
    margin: 0 auto;}

    Just not clear on how to call the #store style.

  8. alchymyth
    Forum Moderator
    Posted 2 years ago #

    there is no css id #store in that linked page.

    try to add something like this to style.css:

    .page-template-page-nosidenocomm-php #primary { width: 100%; }
    .page-template-page-nosidenocomm-php article { padding: 10px; }

    the second line is optional.

  9. dantemer
    Member
    Posted 2 years ago #

    alchymyth - Works perfect, thanks!

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags