Separate WordPress Posts with an Image

For a lot of us, transitioning from one post to another can be difficult to do.  I try to do it with a Post Thumbnail, but it just seems like it is missing something.  There is an easy way you can separate posts with a separator image and all you have to do is modify your theme’s style.css file.You must start by creating an image or finding an image for the separation.  Feel free to take ours 🙂

Edit your theme’s style.css file

find .post { and change the contents.

Before:

.post {
margin                : 0px 0px 15px 0px;
}

After:

.post {
margin                : 0px 0px 15px 0px;
background            : transparent url(images/postseparator-468.jpg) no-repeat bottom;
}

That’s all there is to it.

Note: These functions are not of my own creation, simply things I have found along the way.  If you are the author of this function, please let me know so I can properly credit you with your work!

About Joe D

I have always had a passion for everything computing. In early 2000, I decided to take my passion to the web. Thus, C.O.D. was born. Through the years we have made many great friends at C.O.D. and hope to continue our journey for years to come.

Check Also

Manage Multiple WordPress Sites with InfiniteWP

Running your website, or websites, on WordPress is an easy choice as the flexibility the …

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.