WordPress.org

1. dantemer
   Member
   Posted 8 months 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
   The Sweeper & Moderator
   Posted 8 months 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 8 months 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 Nevins
   Volunteer Moderator
   Posted 8 months ago #
   

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

5. CodeBotics
   Member
   Posted 8 months 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 8 months 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 8 months 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
   The Sweeper & Moderator
   Posted 8 months 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 8 months ago #
   

   alchymyth - Works perfect, thanks!

Reply

You must log in to post.