WordPress.org

1. sbscheema
   Member
   Posted 4 years ago #
   

   I have been trying to move some widgets to the middle of the page on my site. In order to do that, I called my sidebar templates in single.php. Widgets show up successfully but have following problem

   1) if you look at my page " http://outdooractivitiesforkids.com/chalk-it-up-to-fun/ " the second widget(similar posts) looses its format ( font style etc) while other widget (top rated posts) retain the format. Now, its here worth mentioning that this theme came with 3 sidebars and 'top rated widget' is part of sidebar # 3 ( named sidebar_c in theme). The 4th sidebar ( sidebar_4) is created by ME by duplicating sidebar_c.php and then changing register_sidebars to 4 in fuctions.php.

   Here is code I inserted in single.php to show up sidebars.

   <div id="sidebar">
   		<?php include (TEMPLATEPATH . "/sidebar_c.php"); ?>
   	</div>
   	<div id="sidebar">
   		<?php include (TEMPLATEPATH . "/sidebar_4.php"); ?>
   	</div

   Now results are same even if I insert sidebar_4 in sidebar.php. So, I think something need to be declared in style.css or somewhere else for the NEW SIDEBAR, I created i.e. Sidebar_4. Please guide me into the direction...

   2) Also you see the widget ( top rated posts) has round cornered box while widget (similar posts) have square corners.

2. sbscheema
   Member
   Posted 4 years ago #
   

   This is partial code for my style.css for you guys reference..

   Content Layout
   */
   #content {
   	width: 1000px;
   	background: #eee;
   	padding-bottom: 10px;
   }
   
   #content #column {
   	float: left;
   	width: 575px;
   	margin-left: 5px;
   	margin-right: 0px;
   	display: inline;
   }
   
   #content #sidebar {
   	float: left;
   	width: 388px;
   	margin-right: 5px;
   	margin-left: 5px;
   	display: inline;
   	padding-left: 10px;
   	padding-right: 10px;
   	padding-bottom: 10px;
   	background: #fff;
   	margin-top: 10px;
   }
   
   /*
   Sidebar Widgets
   */
   #sidebar h2 {
   	font-size: 0.75em;
   	font-weight: bold;
   	font-family: arial, tahoma;
   	line-height: 1.8em;
   	color: #a52a2a;
   	margin-top: 20px;
   	padding-left: 15px;
   	background: url(images/h.gif) no-repeat left 0px;
   	padding-left: 25px;
   }
   
   #sidebar p {
   	margin: 0px 0px 7px 0px;
   }
   
   #sidebar .box {
   	margin-top: 5px;
   	font-size: 0.75em;
   	line-height: 1.4em;
   	color: #aaa;
   }
   
   .videobox {
   	border: 4px solid #ddddd4;
   	width: 380px;
   	height: 214px;
   }
   
   .center {
   	text-align: center;
   	margin-right: auto;
   	margin-left: auto;
   }
   
   #sidebar a {
   	color: #444;
   }
   
   #sidebar a:hover {
   	color: #e11919;
   }
   
   .sidebar1 {
   	width: 388px;
   }
   
   .sidebar2 {
   	width: 190px;
   	float: left;
   	display: inline;
   }
   
   .sidebar1 ul ul, .sidebar2 ul ul {
   	font-size: 0.75em;
   	color: #999;
   	line-height: 1.4em;
   }
   
   .sidebar1 ul div, .sidebar2 ul div {
   	font-size: 0.75em;
   	color: #999;
   	line-height: 1.4em;
   }
   
   .sidebar1 ul div div, .sidebar2 ul div div {
   	font-size: 1em;
   }
   
   .sidebar1 li li {
   	background: url(images/bullet.gif) no-repeat;
   	background-position: left 8px;
   	padding-top: 3px;
   	padding-bottom: 3px;
   	padding-left: 15px;
   	border-bottom: 1px dotted #ddd;
   }
   
   .sidebar2 li li {
   	background: url(images/bullet.gif) no-repeat;
   	background-position: left 8px;
   	padding-top: 3px;
   	padding-bottom: 3px;
   	padding-left: 15px;
   	border-bottom: 1px dotted #ddd;
   }
   
   .sidebar1 li li li {
   	font-size: 1.2em;
   	background: none;
   	background-position: none;
   	padding-top: 3px;
   	padding-bottom: 3px;
   	padding-left: 10px;
   	border-bottom: 0;
   }
   
   .sidebar2 li li li {
   	font-size: 1.2em;
   	background: none;
   	background-position: none;
   	padding-top: 3px;
   	padding-bottom: 3px;
   	padding-left: 10px;
   	border-bottom: 0;
   }

3. sbscheema
   Member
   Posted 4 years ago #
   

   Also please tell me about the template ( format) hierarchy for sidebars..because I dont see any format declared for sidebar_c in my style.css...

4. sbscheema
   Member
   Posted 4 years ago #
   

   No worries...I figured it out...I had declared wrong div class in sidebar_4.php

   Resolved.

Topic Closed

This topic has been closed to new replies.