Posted 2 years ago #
You can look at the page as is at http://www.nwsolarfit.com.
I am using the dfblog theme and I would like to completely remove the sidebar from the page. I was able to remove everything in the sidebar, but am unsure how to get rid of it. I would like the content to extend the width of the page, with the same margin on the right as it has on the left. I do not want the vertical divider to be displayed anymore.
In style.css -
change
.content-header
{
margin: 0;
padding: 0 0 0 50px;
text-align: left;
overflow: hidden;
clear: both;}
to
.content-header
{
margin: 0;
padding: 0 0 0 50px;
text-align: left;
overflow: hidden;
clear: both;
width: 847px; /**add fixed width
}
and
.post
{
overflow: visible;
clear: both;
margin-left: 1px;
padding: 0 0 40px 50px;
background: #FFF url(images/post-label.gif) no-repeat 0px 0px;}
to
.post
{
overflow: visible;
clear: both;
margin-left: 1px;
padding: 0 0 40px 50px;
background: url(images/post-label.gif) no-repeat 0px 0px; /** drop color background
width: 847px; /** add fix width
}
In template.css ADD THIS LINE :
#sidebar
{
width: 190px;
float: right;
margin: 12px 0;
visibility: hidden; /** ADD THIS LINE
}
Now, your theme uses a background image to the #content.
YOu will need to edit that image for it is the one who is containing the seperation line betweed the sidebar and content.
the image is called wrap-bg.png and located here:
http://nwsolarfit.com/wp-content/themes/dfblog/images/styles/Default/wrap-bg.png
edit it and delete the seperation line
NOTE :
I must say that this is not the recommended way of doing it .
The best would be to edit the theme files themselves to drop the sidebar. but since I do not know nor have this theme, I could not guide you exactly how to do it , but if you know a bit of xhtm and css, just drop the #sidebar DIV and put 100% on #content float left-
ON ALL TEMPLATE FILES that use it.
This topic has been closed to new replies.
