WordPress.org

Ready to get started?Download WordPress

Forums

Need a little help figuring out where to start to customize my sidebar (6 posts)

  1. codeblue2k
    Member
    Posted 5 years ago #

    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*/
  2. Mr E
    Member
    Posted 5 years ago #

    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.

  3. esmi
    Forum Moderator
    Posted 5 years ago #

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

  4. codeblue2k
    Member
    Posted 5 years ago #

    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

  5. esmi
    Forum Moderator
    Posted 5 years ago #

    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.

  6. codeblue2k
    Member
    Posted 5 years ago #

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

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.