Showing posts with label dotted line. Show all posts
Showing posts with label dotted line. Show all posts

Tuesday, November 17, 2009

How to remove dotted lines from blogger (bottom)

Yesterday I removed dotted lines from the top of each post from Google Blogger, but I didn't have enough time to check how to remove them at the bottom, so today I took a look at it and here it goes for anyone else that needs it:

  • Login to you Blogger account and go to Layout -> Edit HTML
  • Ctrl + F "border-bottom:1px dotted $bordercolor;" it should be located in something like this
.post {
margin:.5em 0 1.5em;
border-bottom:1px dotted $bordercolor;
padding-bottom:1.5em;
}
  • Set "border-bottom" to zero
.post {
margin:.5em 0 1.5em;
border-bottom:0px dotted $bordercolor;
padding-bottom:1.5em;

  • Save and check your blog

How to remove dotted lines from blogger

I personally don't like blogger's dotted lines on each post title, so with some help from Greasemonkey and after taking a look at the HTML  template I managed to removed them with a simple line of code:
  1. Login you blogger account and go to Layout -> Edit HTML
  2. Ctrl + F "]]>"
  3. Copy this "a {outline:none;}"  before the result of step 2
  4. Save and check your blog
That's it! I hope it helps ;)