[resolved] Full Width Page Template Issue (4 posts)

  1. 40cooper
    Posted 2 years 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:

    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(); ?>
    		<?php endwhile; ?>
    		<?php endif; ?>
    		<?php comments_template(); ?>
    	<?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!

  2. bravokeyl
    Posted 2 years ago #

    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.

  3. 40cooper
    Posted 2 years ago #

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

  4. kimcohen
    Posted 2 years ago #

    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 http://theadventuresofflapjack.com

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

    Please please help!

    Thanks so much!

Topic Closed

This topic has been closed to new replies.

About this Topic