Go back to surfing session

Subscribe to our feed!
First of all do you know what i am talking about?
I am talking about the separator line between gadgets , that dotted line what i have circled with red.
That line was using to many space of my template so i have removed. It`s simple to remove it , here is how to:


1. Go to Layout , Edit HTML

2. Find the following code(With firefox press CTRL+F and tipe .sidebar or other piece of the code):
.sidebar .widget, .main .widget {
border-bottom:1px dotted $bordercolor;
margin:0 0 1.5em;
padding:0 0 1.5em;
}
3. Change the red highlighted number to 0 so it will look like this:
.sidebar .widget, .main .widget {
border-bottom:0px dotted $bordercolor;
margin:0 0 0;
padding:0 0 0;
}
NOTE: if you have more sidebars search for the following code too:
.sidebar2 or 3 .widget, .main .widget {
border-bottom:1px dotted $bordercolor;
margin:0 0 1.5em;
padding:0 0 1.5em;
}
4. Save your template.
Related tutorials:

9 comments:

Post a Comment