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.
Here is the link to the custom page in question: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>
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.
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;}
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.
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.
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.
You’d need to edit the page template, the stylesheet and possibly the header.php file.
