Friday, August 14, 2009

Tutorial: How to Remove the Lines Between Your Sidebar Items and Posts

This is really simple!

To Remove the lines between your sidebar items, you need to find this line in your HTML editor:

.sidebar .widget, .main .widget {
border-bottom:1px dotted $bordercolor;
margin:0 0 1.5em;
padding:0 0 1.5em;
}

Now all you have to do, is change the 1px to 0px. (Note: If you actually want to thicken the line you can change the 1px to 2 or 3 or whatever you want. Additionally, if you don't want the "dotted" you can change it to "solid" instead. Play around with it, but don't save until you have previewed and like it)

********

To Remove the lines between posts
, you need to find this section in your HTML Editor:

.post {
margin:.5em 0 1.5em;
border-bottom:1px dotted $bordercolor;
padding-bottom:1.5em;
}

Change the 1px to 0px. (
Note: If you actually want to thicken the line you can change the 1px to 2 or 3 or whatever you want. Additionally, if you don't want the "dotted" you can change it to "solid" instead. Play around with it, but don't save until you have previewed and like it)

That's it! Enjoy!

No comments:

Blog Widget by LinkWithin