Looses content format for new Sidebar

  • Resolved sbscheema

    (@sbscheema)


    15 years, 9 months 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 ” https://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.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter sbscheema

    (@sbscheema)

    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;
}
    Thread Starter sbscheema

    (@sbscheema)

    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…

    Thread Starter sbscheema

    (@sbscheema)

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

    Resolved.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Looses content format for new Sidebar’ is closed to new replies.