[Theme: Reposter] Struggling to create full page width template…

Hi,

Am hoping somebody will be able to help… I’ve tried numerous times to create a full page width template but have been unable to do so. I’ve tried a number of guides but just can’t figure it out – hoping somebody can help…

This is my Full page width sheet (with instructions to pull sidebar removed):

<?php
/*
Template Name: WidePage
*/
?>
<?php
/**
 * The template for displaying the pages.
 *
 */
get_header() ?>
	<div id='reposter_width'>
		<div id='reposter_main' class='wrapper'>
			<?php if( get_header_image() != '' ) { ?>
				<div id='reposter_header-image'>
					<img src='<?php header_image(); ?>' alt='' />
				</div>
			<?php } ?>
			<div id='reposter_title'>
				<div id='reposter_article_head'>
					<h1>
						<a href='<?php the_permalink(); ?>'><?php the_title(); ?></a>
					</h1>
					<p><?php reposter_the_breadcrumb();?></p>
				</div><!--end #reposter_article_head-->
				<div id='reposter_search' class='reposter_widget_search'><?php get_search_form(); ?></div>
			</div><!--end #reposter_title-->
			<hr/>
			<div id='reposter_main_content'>
				<section id='reposter_left-side'>
					<?php $i = 0;
					global $query_string;
					if ( !$user_ID ){

					}
					if( have_posts() ) : the_post(); ?>
						<article id='post-<?php the_ID(); ?>' <?php post_class(); ?>>
							<div class='reposter_cont'>
								<!--post title url-->
								<p class='entry-title'>
									<a href='<?php the_permalink(); ?>'><?php the_title(); ?></a>
								</p>
								<?php if ( has_post_thumbnail() )
									echo "<div class='featured-image'>" . get_the_post_thumbnail() . "</div><div class='featured-image-title'>" . reposter_featured_img_title() . "</div>";
								the_content();
								comments_template( '', true ); ?>
							</div><!--end .reposter_cont-->
								<!--tags-->
							<?php if ( has_tag() ) { ?>
								<div class='tags'><?php the_tags( __( 'Tags: ', 'reposter' ) ); ?></div><!--styling tags-->
							<?php }
							else { ?><!--else tags block empty-->
								<div></div>
							<?php } ?>
							<div class='reposter_back-top'><!--scrolling top-->
								<span class='reposter_orange'><a href='javascript:scroll( 0,0 );'><?php _e( '[Top]', 'reposter' ); ?></a></span>
							</div>
							<div class='reposter_clear'></div>
						</article><!--end #post-->
					<?php endif; ?>
					<nav id='reposter_nav-pages'>
						<div id='pre-page'><?php previous_posts_link(); ?></div>
						<div id='next-page'><?php next_posts_link(); ?></div>
					</nav><!--end #reposter_nav-pages-->
				</section><!--end #reposter_left-side-->

			</div><!--end #reposter_main_content-->
			<div class='reposter_clear'></div>
		</div><!-- end #reposter_main -->
	</div><!-- end #reposter_width -->
</div><!-- end #page -->
<?php get_footer(); ?>
<!--<?php post_class(); ?>-->

I know I need to add something to the stylesheet but I don’t know what it is I need to be searching for and then copying/editing for the new template. Any help appreciated.

The site can be viewed at https://www.doggroomingpreston.co.uk – I’m trying to make the Services page full width…

Thanks,
Jamie