Forum Moderators: not2easy
That brought the sidebars onto the single post page, however, the sidebars are positioned to the left of the page rather than to the right hand side which I prefer - as would be seen if you were looking at a blog that had the content on the left side and the right and left sidebars on the right of the content.
Also, the footer file does not appear on the single post pages and I would like a fix for that.
I am seeking the correct code to move the sidebars to the right of the content.
Below is the CSS Stylesheet, Single Post file & Footer file
CSS:
======================================================
/*
Theme Name: seawater
Theme URI: http://www.example.net/themes/index.php?theme=seawater
Description: A simple clean theme XHTML valid, 3-column, fixed-width, widget ready, right sidebar theme compatible with WordPress 2.7. Wordpress Theme by <a href="http://www.example.net"></a>.
Tags: blue, white, three-columns, right-sidebar, fixed-width
Version: 3.2
Author: Gauson Designs
Author URI: http://www.example.net
The CSS, XHTML and design is released under GPL.
http://www.example.net/licenses/gpl-license.php
*/
* {
margin: 0;
padding: 0;
text-decoration: none;
}
html, body {line-height: 1}
hr {display: block;
border: none;
margin: 0.5em auto;
background-color: #888;
}
pre
{
white-space: normal;
}
abbr[title], acronym[title] {
border-bottom: 1px dotted;
}
fieldset{
margin:5px;
padding: 10px;
}
img{
border: 0;
}
legend{
padding: 2px 5px;
font-weight: bold;
}
ul {list-style-type: none}
ol {list-style-type: decimal}
.clear {clear: both}
body {
font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati;
/*font-size: 0.75em;*/
font-style: normal;
color: #000;
background: #fff url(images/bg.png) repeat-x top;
text-align: center;
}
#container {
width: 980px;
margin-right: auto;
margin-left: auto;
text-align: left;
}
#wrap2 {
background: #ffffff;
}
#header {
width: 980px;
height: 173px;
}
form input{
padding: 2px 8px;
}
/***************************************************/
#pagenav {
float: left;
width: 627px;
height: 45px;
}
#pagenav ul {
float: left;
padding-top: 15px;
padding-left: 20px;
height: 25px;
}
#pagenav ul li {
float: left;
height: 25px;
text-align: center;
margin-right: 10px;
}
#pagenav ul li a {
float: left;
display: block;
padding-left: 20px;
padding-right: 20px;
line-height: 25px;
height: 25px;
font-size: 15px;
letter-spacing: -1px;
color: #999;
font-weight: bold;
}
#pagenav ul li a:hover {
color: #666;
background: #ddd;
}
#pagenav ul li.current_page_item a {
color: #fff;
background: #00a8ee;
}
#pagenav ul li.current_page_item a:hover {
}
#searchform {
float: left;
width: 333px;
height: 45px;
margin-right: 20px;
}
#searchform form {
float: right;
display: inline;
width: 333px;
padding-top: 68px;
height: 45px;
border: 0 none;
font-weight: bold;
}
#searchform input {
display: inline;
vertical-align: middle;
font-size: 11px;
}
#searchinput {
width: 177px;
height: 20px;
padding-left: 6px;
padding-top: 6px;
padding-right: 6px;
background: url(images/search-input.png) no-repeat;
color: #999;
border: 0 none;
}
#searchbutton {
width: 35px;
height: 28px;
line-height: 1.4em;
background: url(images/search-button.png) no-repeat;
font-weight: bold;
color: #fff;
text-align: center;
cursor: pointer;
border: 0 none;
}
form#srcform {
background: #EEE;
padding: 10px;
}
form#srcform fieldset {
}
form#srcform input {
vertical-align: middle;
font-size: 11px;
}
form#srcform #srcinput {
padding: 4px;
width: 250px;
background: #FFF;
color: #333;
font-weight: normal;
border: 1px solid #ddd;
}
form#srcform #srcbutton {
padding: 2px;
width: 50px;
background: #999;
color: #FFF;
font-weight: bold;
text-align: center;
cursor: pointer;
}
#logo {
float: left;
display: inline;
margin-top: 10px;
margin-left: 20px;
margin-right: 20px;
}
#logo h1 {
padding-top: 9px;
font-size: 28px;
font-weight: bold;
}
#logo h1 a {
font-size: 28px;
font-weight: bold;
letter-spacing: -1px;
color: #fff;
}
#logo h1 a:hover {
color: #222;
}
#logo .description {
color: #eee;
font-size: 12px;
line-height: 1.4em;
}
#ads {
float: right;
display: inline;
margin-top: 20px;
width: 468px;
height: 60px;
}
#ads img {
display: block;
}
#headertab {
float:left;
width:100%;
line-height:normal;
font: bold 11px/1.5em Verdana;
}
#headertab ul {
margin:0;
padding:29px 10px 0 50px;
list-style:none;
}
#headertab li {
display:inline;
margin:0;
padding:0;
}
#headertab a {
float:left;
background:url(images/menul.png) no-repeat left top;
margin:0 0 0 4px;
padding:0 0 0 4px;
text-decoration:none;
}
#headertab a span {
float:left;
display:block;
background:url(images/menur.png) no-repeat right top;
padding:6px 10px 4px 4px;
color:#FFF;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#headertab a span {float:none;}
/* End IE5-Mac hack */
#headertab a:hover span {
color:#000;
}
#headertab a:hover {
background-position:0% -45px;
}
#headertab a:hover span {
background-position:100% -45px;
}
#headertab #current a {
background-position:0% -45px;
}
#headertab #current a span {
background-position:100% -45px;
color:#000;
}
/* Table */
table{
margin: 6px 0 12px;
border-bottom: 3px solid #d9d9d9;
border-left: 1px solid #d9d9d9;
}
table td, table th{
text-align: left;
padding: 3px 6px;
border-top: 1px solid #d9d9d9;
border-right: 1px solid #d9d9d9;
font-size: 14px;
}
table td{
margin: 4px;
}
table th{
background: #ebebeb;
border-bottom: 2px solid #d9d9d9;
}
table tr.odd{
background: #ebebeb;
}
table tr:hover{
background: #d9d9d9;
}
/* table end*/
#column {
float: left;
width: 540px;
margin-top: 5px;
margin-right: 20px;
background: #fff;
}
.post {
margin-top: 10px;
}
.post a {
color: #366799;
}
.post a:hover {
color: #444;
}
.post-top {
width: 540px;
height: 10px;
}
.post-bottom {
width: 540px;
height: 10px;
}
.entry {
background: #FFF;
}
.entry h2 {
padding-left: 15px;
padding-right: 15px;
padding-top: 5px;
line-height: 1.3em;
font-size: 20px;
font-weight: bold;
}
.entry h2 a {
line-height: 1.3em;
font-size: 20px;
color: #006178;
font-weight: bold;
}
.entry .date {
display: block;
margin-left: 15px;
margin-right: 15px;
color: #999;
padding-bottom: 5px;
font-size: 0.7em;
line-height: 1.3em;
}
.info {
background: #fff;
border-top: 1px dotted #ddd;
border-bottom: 1px dotted #ddd;
padding-left: 15px;
padding-right: 15px;
padding-top:10px;
font-size: 11px;
}
.info .cat {
float: left;
color: #999;
}
.info .comments {
background-image:url(images/comments.png);
background-repeat: no-repeat;
float: right;
background-position: 2px 4px;
padding-top: 5px;
padding-bottom:5px;
padding-left: 22px;
margin-top: -1px;
}
.info .cat a {
line-height: 26px;
padding-top: 1px;
padding-bottom: 1px;
}
.info .comments a {
font-size: 11px;
/*line-height: 26px;*/
color: #999;
font-weight: bold;
/*padding: 7px;*/
}
.comments a:hover{
color: #006178;
}
.content {
padding-top: 10px;
padding-right: 10px;
padding-left: 10px;
padding-bottom: 1px;
}
.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {
line-height: 1.5em;
margin: 0px 0px 5px 0px;
padding: 0;
}
.content p {
font-size: 12px;
line-height: 1.6em;
margin: 0;
padding: 0;
}
.content .more-link {
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
display: block;
}
.content h1 {
letter-spacing: -2px;
font-size: 23px;
font-weight: bold;
color: #009ec3;
}
.content h2 {
letter-spacing: -1px;
font-size: 20px;
font-weight: bold;
color: #009ec3;
}
.content h3 {
letter-spacing: -1px;
font-size: 18px;
font-weight: bold;
color: #009ec3;
}
.content h4 {
font-size: 16px;
font-weight: bold;
color: #009ec3;
}
.content h5 {
font-size: 14px;
font-weight: bold;
color: #009ec3;
}
.content h6 {
font-size: 12px;
font-weight: bold;
color: #009ec3;
}
/* CSS for UL/OL lists */
.content ol {padding-left: 20px;}
.content ul {margin: 5px 5px 20px 5px;}
.content ol {margin: 5px 5px 20px 5px;}
.content ul ul {margin: 5px 5px 5px 5px;}
.content ol ol {margin: 5px 5px 5px 5px;}
.content ol li {
line-height: 1.5em;
color: #999;
margin-bottom: 5px;
font-size: 12px;
}
.content ul li {
line-height: 1.5em;
color: #999;
background: url(images/bullet.gif) no-repeat;
background-position: left 6px;
padding-left: 20px;
margin-bottom: 5px;
font-size: 12px;
}
blockquote {
margin-top: 10px;
margin-bottom: 10px;
padding: 1em 1em;
background: #f4f4f4;
border: solid 1px #e1e1e1;
font-style: italic;
color: #939494;
}
blockquote p {
color: #444444;
padding: 1em 1em;
}
blockquote * {
font-family: georgia, arial;
line-height: 1.5em;
}
ins {
text-decoration: underline;
}
del {
text-decoration: line-through;
}
code {
color: #999;
font-family: verdana;
font-size: 11px;
background: #eee;
}
.tags {
font-weight: bold;
line-height: 2em;
color: #666;
background: #eeeeee;
padding-left: 15px;
padding-right: 15px;
text-align: right;
font-size: 11px;
}
.tags a {
font-weight: normal;
color: #006178;
text-transform:lowercase;
}
.tags a:hover {
color: #666;
}
.follow {
background: #f9f9f9;
padding: 10px;
margin-left: 15px;
margin-right: 15px;
margin-top: 10px;
margin-bottom: 10px;
border: 1px dashed #eee;
font-weight: bold;
font-size: 11px;
}
.follow a {
font-weight:bold;
background: url(images/rss2.png) no-repeat;
background-position: left center;
padding-left: 20px;
}
.state {
margin-left: 15px;
margin-bottom: 15px;
font-size: 12px;
line-height: 1.5em;
}
.state a {
line-height: 1.5em;
}
.navigation {
padding-top: 10px;
padding-right: 5px;
padding-left: 5px;
font-size: 11px;
line-height: 1em;
text-transform: uppercase;
font-weight: bold;
}
.navigation a {
color: #333;
}
.navigation a:hover {
color: #ff9000;
}
.navleft {
float: left;
width: 48%;
}
.navright {
float: right;
width: 48%;
text-align: right;
}
.alignleft img, .alignright img, .aligncenter img {
border: 4px solid #ccc;
}
.alignleft {
float: left;
display: inline;
margin-right: 10px;
margin-bottom: 4px;
}
.alignright {
float: right;
display: inline;
margin-left: 10px;
margin-bottom: 4px;
}
.aligncenter {
text-align: center;
display: inline;
}
.alignnone {
}
p.wp-caption-text {
padding: 3px;
margin: 0;
font-size: 11px;
color: #999;
}
#sidebar {
float: left;
width: 420px;
}
.box {
width: 420px;
}
.box h2 {
margin-top: 20px;
display: block;
width: 418px;
height: 22px;
color: #333;
background: #ccc url(images/corner.gif) no-repeat top right;
line-height: 22px;
font-weight: bold;
text-indent: 10px;
font-size: 13px;
}
.ads {
padding: 10px;
border: 1px solid #eee;
background: #FFF;
}
.ads ul {
}
.ads ul li {
float: left;
display: inline;
width: 125px;
height: 125px;
margin-left: 5px;
margin-right: 2px;
}
.ads ul li a {
float: left;
display: block;
width: 125px;
height: 125px;
}
.ads ul li a img {
float: left;
display: block;
width: 125px;
height: 125px;
}
.subscribe {
padding: 10px;
border: 1px solid #eee;
background: #ffffff;
}
.rssfeed {
font-size: 12px;
line-height: 1.4em;
margin-bottom: 5px;
}
.rssfeedlinks {
padding-top: 5px;
padding-bottom: 5px;
padding-left: 50px;
margin-bottom: 10px;
font-size: 11px;
}
.rssfeedlinks a {
float: left;
font-weight: bold;
background: url(images/rss.png) no-repeat left;
padding-left: 35px;
line-height: 2.8em;
color: #366799;
margin-right: 40px;
}
.rssfeedlinks a:hover {
color: #666;
line-height: 2.8em;
}
.subscribe form {
display: inline;
}
.subscribe fieldset {
display: inline;
}
.subscribe input {
display: inline;
vertical-align: middle;
font-size: 11px;
}
#rssinput {
width: 300px;
height: 16px;
padding: 3px;
background: #fff;
border: 1px solid #ddd;
}
#rssinput:focus {
}
#rssbutton {
background: #ff9000;
color: #fff;
padding-left: 10px;
padding-right: 10px;
font-size: 0.7em;
font-weight: bold;
cursor: pointer;
height: 20px;
}
#rssbutton:hover {background: #ff3000}
.sidebar {
float: left;
width: 200px;
margin-right: 20px;
font-size: 11px;
}
.sidebar a {
color: #366799;
}
.sidebar a:hover {
color: #666;
}
.sidebar ul li h2 {
margin-top: 20px;
display: block;
width: 198px;
height: 22px;
color: #333;
line-height: 22px;
font-weight: bold;
text-indent: 10px;
font-size: 13px;
margin-bottom: 5px;
background: #ccc url(images/corner.gif) no-repeat top right;
}
.sidebar ul li div {
padding: 10px;
background: #FFF;
line-height: 1.4em;
font-size: 11px;
}
.sidebar ul ul {
}
.sidebar ul ul ul {
}
.sidebar ul li ul li {
display: block;
}
.sidebar ul li ul li a {
display: block;
color: #366799;
line-height: 1.4em;
padding-top: 4px;
padding-bottom: 4px;
padding-left:12px;
background:url(images/li.gif) 0 10px no-repeat;
margin-bottom: 1px;
border-bottom: 1px solid #eee;
}
#footer {
clear:both;
margin-top: 20px;
width: 100%;
background: #323232;
border-top: 5px solid #fff;
padding-top: 15px;
padding-bottom: 15px;
}
#footercontent {
width: 980px;
height: 35px;
margin-right: auto;
margin-left: auto;
}
.footer2 {
color: #999;
line-height: 1.5em;
font-size: 11px;
}
.footer2 a {
font-weight: bold;
line-height: 1.5em;
color: #999;
}
.footer2 a:hover {
color: #ccc;
line-height: 1.5em;
}
.rss {
float: left;
font-size: 11px;
}
.rss a {
float: left;
display: block;
font-weight: bold;
background: url(images/rss.png) no-repeat left;
padding-left: 25px;
line-height: 1.5em;
color: #366799;
margin-right: 25px;
}
.rss a:hover {
color: #333;
line-height: 1.5em;
}
.result {
border-top: 1px solid #eee;
padding-top: 10px;
padding-bottom: 10px;
font-size: 11px;
}
.result h3 {
font-size: 16px;
font-weight: bold;
letter-spacing: -1px;
padding:0;margin:0;
line-height: 1em;
}
.result h3 a {
font-size: 16px;
font-weight: bold;
letter-spacing: -1px;
padding:0;margin:0;
line-height: 1em;
}
.result .rdate {
float: left;
line-height: 2em;
color: #999;
}
.result .rcomment {
float: right;
line-height: 1.5em;
color: #999;
font-weight: bold;
}
.result .rcomment a {
color: #366799;
}
.result .rcomment a:hover {
color: #666;
}
.result .rsummary {
line-height: 1.7em;
}
.result .rsummary p {
font-size: 12px;
margin:0;
padding:0;
}
.result .rcat {
float: left;
line-height: 2em;
color: #999;
}
.result .rcat a {
color: #999;
font-weight: bold;
}
.result .rcat a:hover {
color: #666;
}
.result .rtags {
float: right;
line-height: 2em;
color: #999;
}
.result .rtags a {
color: #999;
text-transform: lowercase;
}
.result .rtags a:hover {
color: #a2d700;
}
#combox {
border-top: 5px solid #fff;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 15px;
padding-right: 15px;
}
.box-left {
margin: 0 0 20px 10px;
}
.box-left p {
margin-top: 2px;
font-size: small;
}
h4#respond {
font-size: 16px;
font-weight: bold;
letter-spacing: -1px;
line-height: 1em;
padding-bottom: 5px;
margin-bottom: 2px;
border-bottom: 1px dotted #ddd;
}
h4#comments {
font-size: 16px;
font-weight: bold;
letter-spacing: -1px;
line-height: 1em;
margin-top:5px;
padding-bottom: 5px;
margin-bottom: 2px;
border-bottom: 1px dotted #ddd;
}
ol.commentlist {
list-style-type: none;
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 5px solid #323232;
}
ol.commentlist li {
background: #f8fcef;
border: 1px solid #eee;
padding: 20px;
margin-top: 20px;
}
ol.commentlist li.alt {
background: #FFF;
border: 1px solid #eee;
padding: 20px;
margin-top: 20px;
}
.avatar {
float: left;
display: inline;
width: 64px;
}
.avatar img {border: 3px solid #ddddd4}
.commentbody {
float: left;
display: inline;
margin-left: 20px;
width: 410px;
}
.commentbody em {
font-size: 11px;
}
p.comment_author, p.comment_author a {
font-weight: bold;
color: #666;
font-size: 11px;
}
p.comment_author a:hover {
font-weight: bold;
color: #ff9000;
}
p.comment_time {
line-height: 1.5em;
color: #999;
font-size: 11px;
font-family: tahoma;
}
.comment_text {
line-height: 1.5em;
color: #666;
margin-top: 15px;
font-size: 11px;
}
.reply form {
width: 475px;
}
.reply p {
margin-top: 10px;
font-size: 11px;
}
.reply fieldset {
vertical-align: middle;
display: inline;
}
.reply input {
vertical-align: middle;
display: inline;
font-size: 11px;
}
.reply textarea {
vertical-align: middle;
display: inline;
font-size: 11px;
}
.reply label {
vertical-align: middle;
display: inline;
font-size: 11px;
font-weight: bold;
font-family: tahoma;
margin-left: 10px;
}
.replytext {
border: 1px solid #eee;
width: 200px;
padding: 7px;
margin: 5px;
background-color:#eee;
color: #366799;
}
.replytext:focus {
background: #fffff9;
}
.replyarea {
border: 1px solid #ddd;
padding: 5px;
width: 480px;
height: 120px;
background-color:#eee;
color: #37699B;
}
.replyarea:focus {
background: #fffff9;
}
.replybutton {
text-align: center;
width: 100px;
height: 35px;
padding: 5px;
font-weight: bold;
color: #333;
cursor: pointer;
float:right;
margin-right:12px;
}
/* no border on smilies */
img.wp-smiley, .post img.wp-smiley{
padding: 0;
margin: 0;
border: 0;
}
.wp-caption {
background:#F7F7F7;
border: 1px solid #E7E8E6;
-moz-border-radius: 4px;
padding-top:5px;
margin:4px 10px;
text-align:center;
color: #8d8b8b;
}
.wp-caption img, .post .wp-caption img{
margin: 0;
border: 0;
padding: 0;
}
.wp-caption.alignleft{ margin-left: 0; }
.wp-caption.alignright{ margin-right: 0; }
==================End Stylesheet=====================
========================Begin Sidebar.php=============
<?php get_header(); ?>
<?php get_sidebar();?>
<div id="column">
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<!-- ^^^^^^^^^^^^^^ post code ^^^^^^^^^^^^^^ -->
<div class="post" id="post-<?php the_ID(); ?>">
<div class="post-top"></div>
<div class="entry">
<h2><?php the_title(); ?></h2>
<div class="info">
<div class="cat"><?php the_time('l, F j, Y'); ?> <?php the_time('G:i'); ?> ¦ Filled in <?php the_category(', ') ?></div>
<div class="clear"></div>
</div>
<div class="content" align="left"><?php wp_ozh_wsa("TopLeft-250x250Blue");?>
<?php the_content('Read the rest of this entry »'); ?><div class="clear"></div>
<?php wp_link_pages(array('before' => '<p><strong>Pages:</strong> ', 'after' => '</p>', 'next_or_number' => 'number')); ?>
</div>
<div class="follow">You can follow any responses to this entry through the <?php post_comments_feed_link('RSS 2.0'); ?> feed.</div>
<div class="state">
<?php if (('open' == $post-> comment_status) && ('open' == $post->ping_status)) { ?>
You can <a href="#respond">leave a response</a>, or <a href="<?php trackback_url(); ?>" rel="trackback">trackback</a> from your own site.
<?php } elseif (!('open' == $post-> comment_status) && ('open' == $post->ping_status)) { ?>
Responses are currently closed, but you can <a href="<?php trackback_url(); ?>" rel="trackback">trackback</a> from your own site.
<?php } elseif (('open' == $post-> comment_status) && !('open' == $post->ping_status)) { ?>
You can skip to the end and leave a response. Pinging is currently not allowed.
<?php } elseif (!('open' == $post-> comment_status) && !('open' == $post->ping_status)) { ?>
Both comments and pings are currently closed.
<?php } ?>
</div>
<div class="tags"><?php edit_post_link('Edit', '', ' ¦ '); ?><?php the_tags('Tags: ', ', ', ''); ?></div>
<?php comments_template(); ?>
</div>
<div class="post-bottom"></div>
</div>
<!-- ^^^^^^^^^^^^^^ post code ^^^^^^^^^^^^^^ -->
<?php endwhile; ?>
<!-- ^^^^^^^^^^^^^^ post navigation ^^^^^^^^^^^^^^ -->
<div class="navigation">
<div class="navleft"><?php previous_post_link('« %link') ?></div>
<div class="navright"><?php next_post_link('%link »') ?></div>
<div class="clear"></div>
</div>
<!-- ^^^^^^^^^^^^^^ post navigation ^^^^^^^^^^^^^^ -->
<?php else : ?>
<!-- ^^^^^^^^^^^^^^ page not found + search form ^^^^^^^^^^^^^^ -->
<div class="post">
<div class="post-top"></div>
<div class="entry">
<div class="content">
<h1>Page Not Found</h1>
<p>Sorry, but you are looking for something that isn't here.</p>
<h3>Search Blog</h3>
<?php include(TEMPLATEPATH."/searchform.php"); ?>
</div>
</div>
<div class="post-bottom"></div>
</div>
<!-- ^^^^^^^^^^^^^^ page not found + search form ^^^^^^^^^^^^^^ -->
<?php endif; ?>
</div>
<?php get_sidebar(); ?>
<?php get_footer(); ?>
=======================End Sidebar.php==================
===============Begin Footer.php====================
<!-- ^^^^^^^^^^^^^^ clear column and sidebar ^^^^^^^^^^^^^^ -->
<div class="clear"></div>
</div>
</div>
<!-- ^^^^^^^^^^^^^^ end container :) // -->
<!-- ^^^^^^^^^^^^^^ footer code ^^^^^^^^^^^^^^ -->
<div id="footer">
<div id="footercontent">
<div class="footer2">Copyright ©2008 <a href="<?php bloginfo('url'); ?>"><?php bloginfo('name'); ?></a>. All rights reserved. Designed by <a href="http://www.gauson.com">Gauson Designs</a>
</div>
</div>
</div>
<!-- ^^^^^^^^^^^^^^ footer code ^^^^^^^^^^^^^^ -->
<?php wp_footer(); ?>
</body>
</html>
================End Footer.php====================
Thank you for reviewing!
Thank you. Wordpress templates are generally a set of several files. I was thinking perhaps the single post file would be the correct one to make changes in. So, I did add the tidbit of code mentioned and that made the sidebars appear, however, to the left of content instead of to the right of the content. Trying to figure out if there would be some inline css I would use at the code snipped I added that would force those sidebars to the right side of content.