Free jili games download.Enjoy Free 888+200 Daily Legal Bonus

(@leezle)

Hello lovely WordPress people,

I am tweaking my website/blog and for the homepage I would like to have no sidebar. I was able to change that but now there still is some space where the sidebar used to be. I know I should do this with a new page template but I am not sure how to change this with my theme specifically.

Page.php

<?php get_header(); ?>

<div id="content">

	<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
    <div class="post" id="post-<?php the_ID(); ?>">
        <small class="caps">?</small>

        <h1><?php the_title(); ?></h1>

        <div class="entry">
			<?php the_content('<p class="serif">Read the rest of this page ?</p>'); ?>

            <?php wp_link_pages(array('before' => '<p><strong>Pages:</strong> ', 'after' => '</p>', 'next_or_number' => 'number')); ?>
        </div>
    </div>

    <?php endwhile; endif; ?>

    <?php edit_post_link('Edit this entry.', '<p>', '</p>'); ?>

    <?php comments_template(); ?>

</div>

<?php get_sidebar(); ?>

<?php get_footer(); ?>

Style.css

/*
Theme Name: Fifty Fifth Street
Theme URI: https://www.tammyhartdesigns.com/fifty-fifth-street
Description: A greyscale theme that follows a nice grid system, and keeps typography in top priority.
Version: 1.4
Author: Tammy Hart
Author URI: https://tammyhartdesigns.com/
Tags: two-columns, sticky-post, fixed-width, black, white
*/

* {
	margin:0;
	padding:0;
	}

/* Begin Settings and Classes */
a {
	text-decoration:none;
	color:#888;
	}

a:hover {
	color:#343434;
	}

h1 a, h2 a, h3 a, #sitename {
	color:#343434;
	}

h1 a:hover, h2 a:hover, h3 a:hover, #sitename:hover {
	text-decoration:none;
	color:#000;
	}

p {
	margin:20px 0;	}

h1, h2, h3, h4, h5, h6 {
	font-weight:bold;
	font-style:italic;
	font-family: Georgia, 'Times New Roman', Times, serif;
	color:#343434;
	}

h1, h2 {
	font-size:2em;
	line-height:30px;
	margin-bottom:14px;
	}

	.entry h2 {
		font-size:1.8em;
		margin-top:30px;
	}

h3 {
	font-size:1.5em;
	line-height:20px;
	margin-top:30px;
	}

h4, h5, h6 {
	margin-top:30px;
}

.pagetitle {
	font:normal 1em/10px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	margin-bottom:20px;
	display:block;
	margin-top:-30px;
	}

small {
	font-size:1em;
	color:#b6b6b6;
	line-height:10px;
	}

.caps {
	text-transform:uppercase;
	margin-bottom:6px;
	display:block;
}

code {
	font: 1.1em "Courier New", Courier, Fixed;
	}

pre {
	font: 1.1em "Courier New", Courier, Fixed;
	margin:1.5em;
	padding:10px;
	background:#fafafa;
	border:1px solid #eee;
	}

acronym, abbr {
	font-size: 0.9em;
	letter-spacing: .07em;
	}

hr {
	clear:both;
	width:80%;
	height:1px;
	border:none 0;
	color:#ccc;
	background-color:#ccc;
	margin:1.5em 0;
	}

img {
	border:none;
	max-width:100%;
	}

blockquote {
	margin-left:-21px;
	padding-left:21px;
	background:url(images/quote.gif) no-repeat 0 6px;
	color:#343434;
}

	.entry cite {
		font-style:italic;
		font-size:.9em;
		display:block;
		margin:5px 0 0;
		text-align:right;
		}

	.entry cite:before {
		content: "\2014 020";
		}

.post ul, .post ol, .post dl {
	margin:20px 0;
	}

.post ul ul , .post ol ol, .post ul ol, .post ol ul, .post dl dl, .post dl ul, .post dl ol {
	margin:0;
	}

	.post li {
		padding:0 0 5px;
		}

		.post ul li {
			background:url(images/icons.gif) no-repeat 0 -141px;
			padding-left:10px;
			list-style:none;
			margin-left:-10px;
		}

		.post ol li li {
			margin-left:10px;
		}

		.post li li {
			margin:0;
		}

	.post li h3 {
		margin:0;
		}

.post dt {
	font-weight:bold;
	background:url(images/icons.gif) no-repeat 0 -141px;
	padding-left:10px;
	margin-left:-10px;
}

.post dd {
	padding-left:10px;
	padding-bottom:5px;
}

.clear {
	clear:both;
	height:0;
	line-height:0;
	font-size:1px;
	}

.alignleft {
	float:left;
	}

.alignright {
	float:right;
	}

.aligncenter, div.aligncenter, img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

/* Begin Images */
img.alignleft, .alignleft img {
	margin-right:10px;
	}

img.alignright, .alignright img {
	margin-left:10px;
	}

.wp-caption, .attachment img {
	text-align: center;
}

.wp-caption p.wp-caption-text {
	font-size: .9em;
	color:#b6b6b6;
	margin: 0;
}

.attachment, .caption {
	text-align:center;
}

.attachment img {
	}
/* End Images / End Settings and Classes */

/* Begin Structure */
body {
	background:#fff;
	font:62.5% Arial, Helvetica, sans-serif;
	color:#555;
	text-align:center;
	}

#page {
	margin:0 auto;
	padding:70px 0;
	width:900px;
	text-align:left;
	}

/* Begin Header */
#header {
	height:50px;
	border-bottom:1px solid #e6e6e6;
	margin-bottom:69px;
	}

	#sitename {
		font-weight:bold;
		font-style:italic;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size:3.6em;
		display:block;
		width:340px;
		float:left;
		line-height:34px;
		text-transform:lowercase;
		}

#searchform {
	width:200px;
}

	#header #searchform {
		float:right;
		padding-top:15px;
	}

#s {
	width:167px;
	border:1px solid #e6e6e6;
	background:#f9f9f9;
	font-size:11px;
	padding:2px 3px 3px;
	float:left;
	}

#searchsubmit {
	float:right;
	}
/* End Header */

/* Begin Page List */
#nav {
	line-height:20px;
	font-size:1.2em;
	float:left;
	padding-top:15px;
	width:360px;
	}

	#nav li {
		float:left;
		list-style:none;
		margin-right:25px;
		text-transform:uppercase;
		}

		#nav li a {
			}

		#nav li a:hover, #nav li.current_page_item a, #nav li.current_page_parent a {
			}
/* End Page List */

/* Begin Content */
#content {
	font-size:1.2em;
	line-height:20px;
	float:right;
	width:560px;
	}

	.post {
		margin-bottom:40px;
		}

	.sticky, .byuser {
		border:5px solid #f9f9f9 !important;
		margin:-10px -10px 40px -50px;
		background:url(images/sticky.gif) no-repeat 597px 5px;
		padding:5px 5px 5px 45px;
	}

		.byuser {
			margin-left:-52px;
			padding-left:47px;
			background:url(images/author.gif) no-repeat 599px 5px;
		}

	.bubble  {
		display:block;
		float:left;
		margin:5px 0 0 -40px;
		background:#343434 url(images/comments.gif);
		width:30px;
		height:29px;
		line-height:19px;
		color:#fff;
		text-align:center;
	}

	 .bubble:hover {
		color:#b6b6b6;
	}

		.entry {
			}

	.navigation {
		min-height:10px;
		margin:30px -23px;
		text-transform:uppercase;
		line-height:10px;
		}

	.post .navigation {
		border:solid #e6e6e6;
		border-width:1px 0;
		padding:9px 0;
	}

	.attachment .navigation {
		height:150px;
	}

		.navigation .alignleft a {
			background:url(images/icons.gif) no-repeat 0 -60px;
			padding-left:22px;
			display:block;
			height:10px;
			float:left;
		}

		.navigation .alignright a {
			background:url(images/icons.gif) no-repeat 100% -30px;
			padding-right:22px;
			display:block;
			height:10px;
			float:right;
		}

/* Begin Comments */
.commentlist {
	margin-top:20px;
	}

.commentlist li {
	list-style:none;
	margin-bottom:30px;
	border-bottom:1px solid #e6e6e6;
	}

.commentlist li.alt {
	}

	.commentmetadata, .comment-author {
		font-size:.9em;
		}

		.comment-author {
		}

	.avatar {
		float:left;
		display:block;
		margin:5px 0 0 -42px;
		}

#commentform {
	padding-bottom:10px;
}

#commentform input, #commentform textarea {
	width:147px;
	border:1px solid #e6e6e6;
	background:#f9f9f9;
	font-size:11px;
	padding:2px 3px 3px;
	}

#commentform textarea {
	width:500px;
	}

#commentform #submit {
	width:150px;
	border:none;
	background:#343434;
	font-size:11px;
	padding:0;
	color:#fff;
	font-size:12px;
	cursor:pointer;
	padding:2px 0 3px;
	}
/* End Comments / End Content */

/* Begin Sidebar */
#sidebar {
	float:left;
	width:260px;
	color:#b6b6b6;
	font-size:1.1em;
	line-height:20px;
	padding-top:23px;
	}

	#sidebar ul {
		}

		#sidebar ul ul {
			margin-left:-10px;
			}

			#sidebar ul ul ul {
				margin:0;
				padding:0;
			}

		#sidebar ul li {
			list-style:none;
			margin-bottom:35px;
			}

		#sidebar li li {
			margin:0;
			background:url(images/icons.gif) no-repeat 0 -141px;
			padding-left:10px;
			}

		#sidebar a {
			font-size:1.1em;
		}

	#sidebar h4 {
		font-size:1.63em;
		color:#343434;
		line-height:20px;
		margin:0 0 12px;
		}
/* End Sidebar */

/* Begin Footer */
#footer {
	padding-top:24px;
	border-top:1px solid #e6e6e6;
	color:#b6b6b6;
	font-size:1.2em;
	line-height:20px;
	}

	#footer .alignright {
		padding-top:2px;
	}

	#footer .alignright a {
		display:block;
		float:right;
		text-transform:uppercase;
		height:10px;
		line-height:10px;
		padding-top:3px;
	}

	#footer .top {
		padding-right:15px;
		background:url(images/icons.gif) no-repeat 100% 0;
	}

	#footer .rss {
		padding-right:18px;
		margin-right:10px;
		background:url(images/icons.gif) no-repeat 100% -90px;
	}

	#footer .home {
		padding-right:18px;
		margin-right:10px;
		background:url(images/icons.gif) no-repeat 100% -120px;
	}
/* End Footer / End Structure */

/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 260px;
	}

	#wp-calendar th {
		text-align:center;
		color:#343434;
	}

#wp-calendar caption {
	text-decoration: none;
	font-weight:bold;
	font-size:1.1em;
	text-align: center;
	width: 100%;
		color:#343434;
	}

#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	text-decoration: none;
	display: block;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff;
	}
/* End Calendar */

/*
Whatever your hand finds to do, do it with all your might,
for in the grave, where you are going, there is neither
working nor planning nor knowledge nor wisdom.
Ecclesiastes 9:10
*/

/*
Tammy Hart
www.tammyhartdesigns.com
*/

Anyone here who can help me? Thanks in advance!

xx
Leezle

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

Frumph
(@frumph)

14 years ago

the sidebar is handled by:

<?php get_sidebar(); ?>

change it so that its commented out (or remove it)

<?php // get_sidebar(); ?>

the // before it will comment it out from executing

then in the style.css find #content which has this

#content {
font-size:1.2em;
line-height:20px;
float:right;
width:560px;
}

see the width: 560px; there? just increase that width value until it fills the appropriate space that is needed

According to the css the sidebar width is width:260px; so I would make the #content width: 820px;

(560px + 260px)

Claire
(@caphaitimemoryprojectorg)

14 years ago

hi folks! I am having a similar problem, but I cannot find the equivalent coding in my style.php. I have suppressed the sidebar using Frumph’s excellent advice and now I want the text to take up the full page.
here is my style sheet:
https://pastebin.com/7bdf6Aah

any advice?

thanks!!

cp

Mark Ratledge
(@songdogtech)

14 years ago

The style sheet (style.css, not style.php) is only half the story; put your index.php and/or page.php in pastebin, too.

Claire
(@caphaitimemoryprojectorg)

14 years ago

Here is the page.php
https://pastebin.com/F5mFNi1z

and the index.php
https://pastebin.com/c0WDQLxG

thanks in advance for any advice!

cp

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

The topic ‘Remove sidebar and use full width of page’ is closed to new replies.

Remove sidebar and use full width of page

Tags

Topics

Topics with no replies

Non-support topics

Resolved topics

Unresolved topics

All topics