Title: Custom Page Problems
Last modified: August 19, 2016

---

# Custom Page Problems

 *  [urbansamurai](https://wordpress.org/support/users/urbansamurai/)
 * (@urbansamurai)
 * [16 years, 11 months ago](https://wordpress.org/support/topic/custom-page-problems/)
 * Hi all. Hope someone can help. I have created a custom page so I can add a amazon
   astore to my blog. Unfortunately, because of my theme, there is not enough space
   to accommodate it. I would like to know how to widen the post content box in 
   this one specific page only, preferably so it covers the whole side bar area.
   
   Here’s my site: [http://urbansamurai.org.uk](http://urbansamurai.org.uk)
 * Thanks in advance.

Viewing 9 replies - 1 through 9 (of 9 total)

 *  [esmi](https://wordpress.org/support/users/esmi/)
 * (@esmi)
 * [16 years, 11 months ago](https://wordpress.org/support/topic/custom-page-problems/#post-1141972)
 * A link to a page showing this custom template would be more helpful. Just ensure
   that you:
 * 1. Do not use get_sidebar() within the custom template
    2. Use a unique class
   or id on the post content area so that it can be styled independently of other
   pages, or posts, on your site.
 *  Thread Starter [urbansamurai](https://wordpress.org/support/users/urbansamurai/)
 * (@urbansamurai)
 * [16 years, 11 months ago](https://wordpress.org/support/topic/custom-page-problems/#post-1141992)
 * Here is the link to the custom page in question:[http://urbansamurai.org.uk/urban-samurai-store/](http://urbansamurai.org.uk/urban-samurai-store/)
 * As you can see I can’t fit all the content in. I need the space were the side
   bar is.
 * Here’s the code for the page file if it helps. Do I need to add code to this?
   You will also see I have already edited it, taking out sidebar, comments and 
   footer.
 * <?php
    /* Template Name: store */ ?> <?php get_header(); ?> <?php if (have_posts()):
   while (have_posts()) : the_post(); ?>
 * <div class=”article-top”></div>
    <div class=”article” id=”post-<?php the_ID();?
   >”> <h1> <?php the_title(); ?> </h1> <?php the_content(‘Learn more »’); ?> <?
   php link_pages(‘<p>**Pages:** ‘, ‘</p>’, ‘number’); ?> <?php edit_post_link(‘
   Edit page’,'<p>’,'</p>’); ?> </div> <div class=”article-bottom”></div> <?php 
   endwhile; endif; ?> </div> <div style=”clear:both;”></div> </div> </div> </div
   > </div> <?php wp_footer(); ?> </body></html>
 *  [esmi](https://wordpress.org/support/users/esmi/)
 * (@esmi)
 * [16 years, 11 months ago](https://wordpress.org/support/topic/custom-page-problems/#post-1142030)
 * I need a link to a **live page** showing this custom template. You’ll almost 
   certainly need to edit your CSS but, if I’m to try and give you any pointers,
   I need to see the live page.
 *  Thread Starter [urbansamurai](https://wordpress.org/support/users/urbansamurai/)
 * (@urbansamurai)
 * [16 years, 11 months ago](https://wordpress.org/support/topic/custom-page-problems/#post-1142041)
 * The page is live. Here’s the link:[http://urbansamurai.org.uk/urban-samurai-store](http://urbansamurai.org.uk/urban-samurai-store)
 *  [esmi](https://wordpress.org/support/users/esmi/)
 * (@esmi)
 * [16 years, 11 months ago](https://wordpress.org/support/topic/custom-page-problems/#post-1142046)
 * I saw this theme recently and it’s not easy to widen the post area. First you
   need to add a class (eg ‘custom’) to the #main div that is specific to this custom
   template. Then use the new class to apply an increased with (eg 800px) to #content,.
   article-top, .article and .article-bottom using something like:
 * `.custom #content,.custom .article-top,.custom .article,.custom .article-bottom{
   width:800px;}`
 * You then need to create extended 800px wide graphics for the rounded background
   graphics on .article-top and .article-bottom and apply the new backgrounds via
   the new class:
 *     ```
       .custom .article-top {url(images/background_article_top_new.gif) no-repeat left top;}
       .custom .article-bottom {url(images/background_article_bottom_new.gif) no-repeat left top;}
       ```
   
 *  Thread Starter [urbansamurai](https://wordpress.org/support/users/urbansamurai/)
 * (@urbansamurai)
 * [16 years, 11 months ago](https://wordpress.org/support/topic/custom-page-problems/#post-1142055)
 * Forgive my ignorance. I think you are assuming I know code when I know next to
   nothing about it. Can you please go through this step by step? Cheers for your
   help, I really appreciate it.
 *  [esmi](https://wordpress.org/support/users/esmi/)
 * (@esmi)
 * [16 years, 11 months ago](https://wordpress.org/support/topic/custom-page-problems/#post-1142061)
 * To be honest, if you don’t have at least a basic knowledge of XHTML, CSS and 
   WordPress conditional functions, you’re not going to be able to make the changes
   yourself. As I said, this is not an easy theme to customise.
 *  Thread Starter [urbansamurai](https://wordpress.org/support/users/urbansamurai/)
 * (@urbansamurai)
 * [16 years, 11 months ago](https://wordpress.org/support/topic/custom-page-problems/#post-1142063)
 * Okay, I wasn’t aware there was that much work involved. Are step by step instructions
   out of the question? Is it just the page file I have to edit or the style sheet
   as well? If it’s just the page file could you maybe write the changes out for
   me so I could do it myself. Sorry for being a pain, but I really would like to
   get this sorted.
 *  [esmi](https://wordpress.org/support/users/esmi/)
 * (@esmi)
 * [16 years, 11 months ago](https://wordpress.org/support/topic/custom-page-problems/#post-1142065)
 * You’d need to edit the page template, the stylesheet and possibly the header.
   php file.

Viewing 9 replies - 1 through 9 (of 9 total)

The topic ‘Custom Page Problems’ is closed to new replies.

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 9 replies
 * 2 participants
 * Last reply from: [esmi](https://wordpress.org/support/users/esmi/)
 * Last activity: [16 years, 11 months ago](https://wordpress.org/support/topic/custom-page-problems/#post-1142065)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics