Full Width Page Template Issue

  • Resolved 40cooper

    (@40cooper)


    10 years, 11 months ago

    Ok guys, hopefully someone smarter than me can figure this out. I’ve spent the last couple of days reading at least a dozen related threads and nothing I have tried has worked. Here’s the issue…
    I’m using the zeebizzcard theme, with a child theme. What I want to do is set up a custom page template with a wider content area. It doesn’t exactly have to be full width or lose the sidebar, but it’s ok if it is. I just want the content area wider to fit a flash game in.
    As of right now I have created a page template by copying page.php and removing the sidebar(since nothing else was working). I have tried editing and adding new css but nothing has worked.
    Here’s the code for my custom template:

    <?php
/*
Template Name: fullwidth
*/
?>

<?php get_header(); ?>

	<div id="content">

		<?php if (have_posts()) : while (have_posts()) : the_post(); ?>

			<div id="page-<?php the_ID(); ?>" <?php post_class(); ?>>

				<h2 class="page-title"><?php the_title(); ?></h2>
				<?php edit_post_link(__( 'Edit', 'themezee_lang' )); ?>

				<div class="entry">
					<?php the_content(); ?>
					<div class="clear"></div>
					<?php wp_link_pages(); ?>
				</div>

			</div>

		<?php endwhile; ?>

		<?php endif; ?>

		<?php comments_template(); ?>

	</div>

	<?php get_footer(); ?>

    and here’s the link to the page in question: jasoncarnrike.com/jigsaw-puzzle

    Nothing I do to the “content” div in css changes the page at all. I (at separate times)created a new “content2” div and a content.fullwidth class, added them to the template and they also did nothing. I am clearly missing something. I’ve tried so many offered solutions, I couldn’t even list them here. Can anyone help me with this or at least point me in the right direction? Thanks!

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

  • What you are missing is… including header.php from theme wraps the page content into a 520px wide box(.wrap class) ..so even if you remove sidebar it doesn’t take that area.

    Let me give solution using css..

    .page-id-1422 #wrap {
width: 920px;
}
.page-id-1422 #navi {
width: 100%;
}
.page-id-1422 #headwrap {
display: none;
}
.page-id-1422 #sidewrap {
display: none;
}

    which applies to only that page with id 1422.

    For theme specific support post here, so that it will also be helpful for other theme users.

    Thread Starter 40cooper

    (@40cooper)

    Brilliant. That worked perfectly, bravokeyl. Big thanks for that solution!

    Hi – I’ve created two pages recently and have selected Full Width Page (No Sidebar). Unfortunately, when I either preview or publish the new pages, information that I don’t want to appear shows up. Example: ” Posted on June 28, 2013 by Flapjack — No Comments ↓ ” shows up and a Comments Section also appears at the bottom of the page. I’d not had this problem when I first created the site and those pages I previously created aren’t exhibiting this issue. I thought the problem might be because it’s a child page, but when I just tried to create a new page which will appear in the menu as a parent page, I ran into the same issue. What do I need to do to solve this issue? My website is https://theadventuresofflapjack.com

    This issue is showing up on https://theadventuresofflapjack.com/about-the-author/interviews-with-dan-and-flap/

    Please please help!

    Thanks so much!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Full Width Page Template Issue’ is closed to new replies.