Support » Themes and Templates » Need a little help figuring out where to start to customize my sidebar

  • So I already know how to change my theme around where as some pages do not show my sidebar at all.

    But what I dont know how to do is change around the content, not widget, of the sidebar itself. For example, I have a theme that has a sidebar that is in two columns. Now if I want to change it to just one column, where would I do that at? In the theme CSS or in the sidebar.php? This is the are that I cant seem to wrap my brain around.

    Here is what my CSS has for my sidebar

    /* sidebar*/
    div#blog #blog_right #blog_right_pad #sidebar{
    	text-align:left;
    }
    div#blog #blog_right #blog_right_pad #sidebar ul{
    	padding:0px;
    	margin:0px;
    }
    div#blog #blog_right #blog_right_pad #sidebar li{
    	padding:0px;
    	margin:0px;
    	list-style-type:none;
    }
    
    div#blog #blog_right #blog_right_pad #sidebar h2{
    	color:#7f7f7f;
    	font-size:17px;
    	font-family:Arial, Helvetica, sans-serif;
    	margin:0px;
    	padding-left:7px;
    	padding-right:0px;
    	padding-top:2px;
    	padding-bottom:0px;
    	height:27px;
    }
    div#blog #blog_right #blog_right_pad #sidebar td.td_right h2{
    	color:#448ccb;
    }
    
    div#blog #blog_right #blog_right_pad #sidebar table ul li{
    	color:#7f7f7f;
    	font-size:11px;
    	font-family:Verdana, Arial, Helvetica, sans-serif;
    	font-weight:bold;
    	background:url(images/sidebar_title_bg.png) no-repeat top;
    	padding-left:10px;
    	padding-bottom:7px;
    }
    div#blog #blog_right #blog_right_pad #sidebar table td.td_right ul li{
    	color:#448ccb;
    }
    
    div#blog #blog_right #blog_right_pad #sidebar li a{
    	color:#7f7f7f;
    	font-size:11px;
    	font-family:Verdana, Arial, Helvetica, sans-serif;
    	text-decoration:none;
    	font-weight:normal;
    	line-height:19px;
    }
    div#blog #blog_right #blog_right_pad #sidebar td.td_right li a{
    	color:#448ccb;
    }
    div#blog #blog_right #blog_right_pad #sidebar ul li ul li{
    	font-size:11px;
    	font-family:Verdana, Arial, Helvetica, sans-serif;
    	font-weight:bold;
    	padding-left:7px;
    	padding-right:25px;
    	padding-bottom:5px;
    	background:none;
    }
    div#blog #blog_right #blog_right_pad #sidebar ul li ul li ul li{
    	font-size:11px;
    	font-family:Verdana, Arial, Helvetica, sans-serif;
    	font-weight:bold;
    	padding-left:0px;
    	padding-right:0px;
    	background:none;
    }
    
    div#blog #blog_right #blog_right_pad #sidebar ul li ul li{
    	border-bottom:0;
    	background: url(images/solid_li.png) left bottom no-repeat;
    }
    
    div#blog #blog_right #blog_right_pad #sidebar td.td_right ul li ul li{
    	border-bottom:0;
    	background: url(images/solid_li2.png) left bottom no-repeat;
    }
    div#blog #blog_right #blog_right_pad #sidebar ul li ul li ul{
    	padding-left:5px;
    }
    div#blog #blog_right #blog_right_pad #sidebar ul li ul li ul li {
    	border:0px;
    	background: none;
    }
    div#blog #blog_right #blog_right_pad #sidebar td.td_right ul li ul li ul li {
    	border:0px;
    	background: none;
    }
    div#blog #blog_right #blog_right_pad #sidebar li ul li ul li a{
    	background: url(images/line_li.png) left bottom no-repeat;
    	padding-left:7px;
    }
    
    div#blog #blog_right #blog_right_pad #sidebar td.td_border{
    	width:1px;
    	background:url(images/pix.png) repeat-y top;
    }
    
    /* end sidebar*/

Viewing 5 replies - 1 through 5 (of 5 total)
  • Mr E

    (@ebiladdress)

    Now if I want to change it to just one column, where would I do that at? In the theme CSS or in the sidebar.php?

    Neither, look into using page templates, they are handy in situations like this.

    Without seeing your site, it’s almost impossible to say. You may have edit both the sidebar and the CSS.

    Thread Starter codeblue2k

    (@codeblue2k)

    Here is the site http://takingabeachday.com/blog/

    I think the template I used wasnt written very well. Ive been fighting with it every since I started using it. But I think it fits with the domain name

    You’re right. It’s not exactly a flexible theme due to it’s tabled sidebar layout (very old-fashioned). Because of this, converting the two sidebars into a single sidebar would mean completely dismantling the table in the sidebar. Essentially, a partial theme-redesign.

    Thread Starter codeblue2k

    (@codeblue2k)

    Damn…. Well I guess I should start looking for a new theme. Thanks for your help

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Need a little help figuring out where to start to customize my sidebar’ is closed to new replies.