Something 4 Everyone!

Adding Lines between Posts


If you have a theme like Twentyten then you must know that the posts are not separated by a line like other themes do. So I tried searching for the piece of code which can separate posts with a line.

lines between posts

(Image Courtesy: Web6)

I am not a coder and it’s just not my thing. So after couple of minutes of search I found this: Web6

From there  got this short tutorial explaining how to add line between posts in WordPress themes:

To display your post having the dotted line as in the image above, here are the steps:
1. Login to your dashboard.
As usual to access your dashboard, you can type: yourdomainaddress.com/wp-admin
2. Find “Appearance” and then “Editor”.
3. Search for “style.css”.
4. Add this line of code in the very bottom:
.entry-utility{border-bottom:1px dotted black; padding-bottom:13px;}
5. Update your file.
Refresh your blog for the end result, and it should have dotted border under your post. If it still doesn’t show up, try to clean your browser’s cache as well.

But I did not want a dotted line, so went on searching for a variable that can create a simple black lines between posts.

Thanks to one of my friend (Co Worker) Pallavi I got it fixed ;)

It’s a simple change that’s all:

.entry-utility{border-bottom:1px solid black; padding-bottom:13px;}




Guaranteed 300-400$ Per Month Online - Secrets Revealed - Download Now For Free
* indicates required







Related posts for You:

  1. Blogging: Types of Blog Posts
  2. WordPress Automatic Interlink Posts Plugin
  3. Useful Tips about Adding New Content on Your Blog
  4. YARPP – Yet Another Related Posts Plugin – WordPress
  5. How To Make A Blog
  6. Announcement: Posts On Hold
  7. Post Blog Posts On Twitter via Tweetmeme

One comment

  1. Adding an hr (if only a solid line is required) & styling it using css would also work.