Tutorial: remove the dashed lines at the bottom page of your blog

I'm not really sure of the title actually haha but ya,the lines used to bother me a lot before and never thought that someone else would request for this tutorial as well.

1.Dashboard > Template > Edit Html.
2.Just press ctrl + f and write 'dashed' in the box.You will find this code:

.footer-outer {
  border-top: $(footer.bevel) dashed #bbbbbb;
}

3.You just have to add '0px' before the '$' symbol so it will be like this:

.footer-outer {
  border-top: 0px $(footer.bevel) dashed #bbbbbb;
}

4.Do preview your template first before saving it.