bbelack

Edit: 1. After “Party with us… https://www.flickr.com/photos/13118765@N02/9070579158/

website is elephanttheatre.org

Added one div closing tag, and it’s all fixed.

Thanks!!

Looks like I was missing some of the sidebar code in style.css… Here is what I meant to post

#sidebar{
width:285px;
float: left;
background: transparent url(images/sidebarbg.gif) repeat-y center top;
_margin-left:-18px;
}

#sidebar a:hover{
color: #FFF;
}

#sidebar h1.logo{
width: 250px;
padding: 0px;
margin: 0px auto;
}

#sidebar h1.logo a{
background: url(images/logo.gif) no-repeat center top;
width: 250px;
height: 120px;
display: block;
overflow: hidden;
text-indent: -999px;
border-top:6px solid #111f22;
}

input#submit{
border:1px solid #7BA2AD;
padding: 10px;
font-family: Helvetica, Arial, Verdana;
background: #242f31;
text-transform: uppercase;
color: #FFF;
cursor: pointer;
font-size: 14px;
}

#commentform input#submit{
float: right;

}

#sidebar h2{
padding: 10px 10px 20px 10px;
background: url(images/heads.jpg) no-repeat center;
font-family: Helvetica, Arial, Verdana;
font-size: 18px;
color: #FFF;
font-weight: bold;
letter-spacing: -1px;
text-transform: uppercase;
}

.narrowcolumn textarea{
border:2px solid #7BA2AD;
width:93%;width:415px;
font-family: Arial, Helvetica, Verdana;
font-size: 16px;
padding: 5px;
_width:405px;
}

.narrowcolumn h2.pagetitle{
margin-top: 30px;
text-transform: uppercase;
_margin-top:70px;
}

.narrowcolumn #commentform label{
display: block;
float: left;
text-align: right !important;
width:130px;
}

.narrowcolumn #commentform{
margin: 0px auto;
_margin-left:20px;
overflow: hidden;
height: 1%;
}

.narrowcolumn #commentform label small{
float: right;
}

.narrowcolumn .add_comment h3#respond{
font-family: Helvetica, Arial, Verdana;
font-size: 20px;
text-transform: uppercase;
padding:10px;
margin: 10px 0px;color: #293538;
border-bottom: 2px solid #293538;
text-align: right;
position: absolute;
top:-10px;
left: 0px;
letter-spacing: -1px;
width: 430px;
}

.narrowcolumn .add_comment{
position: relative;
padding:55px 10px 40px 10px;
margin: 10px 0px;
}

.narrowcolumn #commentform #author, .narrowcolumn #commentform #email, .narrowcolumn #commentform #url{
float: right;
border:2px solid #7BA2AD;
font-family: Arial, Helvetica, Verdana;
font-size: 16px;
padding:5px 5px;
width:245px;
}
.narrowcolumn #commentform #author:focus, .narrowcolumn #commentform #email:focus, .narrowcolumn #commentform #url:focus, .narrowcolumn textarea:focus{
background:#FFFFF5;
}

.narrowcolumn #commentform p{
clear: both;
overflow: hidden;
padding: 5px 0px;
height: 1%;
}

.innerpage .post{
padding-top: 40px !important;
}

#sidebar ul li ul li{
border-bottom:1px solid #1F2A2C;
}

#sidebar ul li ul.top_commenters{
margin: 0px auto;
}

#sidebar ul li ul.top_commenters li{
padding-top: 10px;
}

#sidebar ul li ul{
width:80%;
margin: 0px auto;
}

#sidebar ul li ul li{
display: block;
padding-bottom: 10px;
}

#sidebar ul li ul li a{
color: #888d8f;
font-family: Helvetica, Arial, Verdana;
text-transform: uppercase;
letter-spacing: -1px;
font-size: 13px;
text-decoration: none;
}

#sidebar ul li ul{
margin: 10px auto 0px auto;
}

#sidebar .description{
width:230px;
font-family: Helvetica, Arial, Verdana;
margin: 0px auto;
color: #a8acad;
}

#sidebar .searchfield{
width:250px;
margin: 0px auto;
overflow:hidden;
clear: both;
padding: 5px 0px 3px 0px;
}

#sidebar .searchfield span, #sidebar .searchfield label{
display: none;
} 

#sidebar .searchfield input#searchsubmit{
border: none;
width:55px;
height: 28px;
display: block;
overflow: hidden;
text-indent: -999px;
line-height: 0;
float: left;
background: #0d1618 url(images/search_btn.gif) no-repeat center;
cursor: pointer;
}

#sidebar .searchfield input{
border: none;
color: #ededed;
background: #101c1f;
float:left;
height:16px;
padding:6px;
width:183px;
}

.sidebar-right{
width:175px;
float: left;
padding-top: 70px;
margin-left: 12px;
}

.narrowcolumn, .widecolumn{
float: left;
padding-top:40px;
width:480px;
}

.narrowcolumn .post{
padding-right: 30px;
position: relative;
padding-bottom: 0px;
padding-top: 113px;
_overflow: hidden;
_width: 468px;
}

p.postmetadata{
padding-bottom: 20px;
display: none;
}

.comments a{
text-decoration: none;
font-size: 12px;
text-transform: lowercase;
background: #D0E6EC url(images/comments.gif) no-repeat scroll 99% 50%;
display: block;
margin-left: -15px;
padding-right: 25px;
width:460px;
text-align: right;
margin-bottom: 20px;
}

.narrowcolumn .post .comments a span{
font-size: 12px;
}

.PostHead{
left:-30px;
position:absolute;
top:30px;
}

.PostHead h2, .innerpage .post h2{
float: left;
width:380px;
_width:360px;
padding-top: 5px;
padding-left: 11px;
font-size: 30px;
font-family: Helvetica, Arial, "Trebuchet MS";
letter-spacing: -1px;
text-transform: uppercase;
text-decoration: none;
}

.innerpage .post h2{
float:none;
padding-left: 0px;
width:auto;
}

.PostHead h2 a{
font-size: 30px;
font-family: Helvetica, Arial, "Trebuchet MS";
letter-spacing: -1px;
text-transform: uppercase;
text-decoration: none;

}

.PostTime{
float:left;
overflow:hidden;
width:100px;

}
.PostHead small.PostDet, .PostHead small.PostDet a{
font-size: 12px;
text-decoration: none;
}

.PostHead small.PostDet{
clear:both;
display:block;
left:10px;
position:absolute;
top:-26px;
height: 23px;
width:395px;
overflow: hidden;
display: none;
}

.PostTime b{
background:#C30301 none repeat scroll 0 0;
clear:both;
color:#FFFFFF;
display:block;
font-family:Helvetica,Arial,"Trebuchet MS";
font-size:62px;
font-weight:bold;
height:54px;
line-height:58px;
overflow:hidden;
padding:0;
text-align:right;
width:95px;
z-index:999;
}

.PostTime pm,
.PostTime am {
background: #293538 repeat scroll 0 0;
color: #FFF;
padding:0px;
display: block;
width:95px;
left: 0;
font-size: 14px;
text-align: right;
}

#page{
background: transparent url(images/wrapperbg.jpg) repeat-x center top;
width:959px;
margin: 0px auto;
overflow: hidden;
padding: 0px 15px 0px 30px;
position: relative;
z-index: 999;
}

.bgimage{
width:1004px;
margin: 0px auto;
background: #FFF url(images/sidebarbg.gif) repeat-y 511px 0px;
}

div.twitter{
background:#FFFFFF url(images/twitter.gif) no-repeat scroll left top;
margin-left:-14px;
overflow:hidden;
padding-top:20px;
width:200px;
}

div.twitter-content{
border-top:medium none;
overflow:hidden;
padding:0px 15px 0px 35px;
height: 135px;
}

div.twitter-content *{
font-size: 12px;
line-height: 18px;
width: 100%;
}

div.twitter-content li{
padding-top: 2px;
}

div.twitter-content li span{
clear: both;
display: block;
width:131px;
}

a.followme{
display: block;
width: 175px;
padding: 0 0 10px 0;
text-indent: -999px;
letter-spacing: -1px;
color: #AB3730;
text-decoration: none;
}

img.pdlogo{
margin-top: 15px;
clear: both;
}

.google-ads{
width:175px;
overflow: hidden;
padding-top: 20px;
float: left;
display: block;
margin-left: 15px;
}

#sidebar ul.top_commenters li{
float: left;
padding-left: 15px;
}

#sidebar ul.top_commenters li span img{
border: 3px solid #101C1F;
overflow: hidden;
display: block;
width:32px;
height:32px;
}

#sidebar ul.top_commenters li span img:hover{
border: 3px solid #FFF;
}

https://www.ads-software.com/support/topic/260912?replies=1#post-1041971

Actually made a new post… Please take a quick look:

I got it to work! BUT… How do I align the widgets with the images that are above? Take a look at https://www.benbelack.com/blog

Yes, but I have “sidebar left” and sidebar right” right now. I just want to leave the left sidebar alone, and be able to add widgets to the sidebar right underneath the twitter widget and image already in place.

Thank you so much esmi!

Ok. Functions.php is here: https://wordpress.pastebin.ca/1387380

And, all sidebar code is in sidebar.php and index.php.

There isn’t a separate php file for it.

Let me know if you need anything else.

Thanks Esmi!!

I uploaded the index.php file to pastebin here: https://wordpress.pastebin.ca/1386487

And, the sidebar.php file here:
https://wordpress.pastebin.ca/1386492

I’d like the second sidebar in the admin control panel, so I can just add widgets to it right below the twitter emblem and the image that is currently there.

I think the code referring to that sidebar is “sidebar-right”

Thanks!

@mathechr The sidebar is not widgetized in a way that I can edit and move stuff around. I’m not sure which part of the plugin code to put in the sidebar. Could you help with that? Would you need any files? I could send.

index.php?

I’m able to edit the other categories within the bar, but I can’t find which is blogroll. Please help. Thanks.

Here is the code of my sidebar, from the sidebar.php file.

<div id="sidebar">
	<h1 class="logo"><a href="https://benbelack.com"><?php bloginfo('name'); ?></a></h1>

		    <div class="searchfield"><span>SEARCH</span>
    <?php include (TEMPLATEPATH . '/searchform.php'); ?>
    </div>

		<ul>
			<?php 	/* Widgetized sidebar, if you have the plugin installed. */
					if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar() ) : ?>

			<!-- Author information is disabled per default. Uncomment and fill in your details if you want to use it.
			<li><h2>Author</h2>
			<p>A little something about you, the author. Nothing lengthy, just an overview.</p>
			</li>
			-->

			<?php if ( is_404() || is_category() || is_day() || is_month() ||
						is_year() || is_search() || is_paged() ) {
			?>  <?php }?>

			<li><h2>Archives</h2>
				<ul>
				<?php wp_get_archives('type=monthly'); ?>
				</ul>
			</li>

			<?php wp_list_categories('show_count=1&title_li=<h2>Categories</h2>'); ?>

			<?php /* If this is the frontpage */ if ( is_home() || is_page() ) { ?>
				<?php wp_list_bookmarks(); ?>

				<li><h2>Meta</h2>
				<ul>
					<?php wp_register(); ?>
					<li><?php wp_loginout(); ?></li>
					<li><a href="https://www.ads-software.com/" title="Powered by WordPress, state-of-the-art semantic personal publishing platform.">WordPress</a></li>
					<?php wp_meta(); ?>
				</ul>
				</li>
			<?php } ?>

			<?php endif; ?>
		</ul>
	</div>

Thanks so much! It worked!!!