Separate each wordpress post with an image

February 8, 2009 · Print This Article

First, you need an image.

Once you have it, upload it to your wp-content/themes/yourthemes/images directory, open up your index.php file, find the loop and make sure that each post is embedded throught a <div class=”post”> tag. This is the case on most themes.

Then, edit your style.css file. Find the following line:

.post {

And paste this code:
background: transparent url(images/yourimage.jpg) no-repeat bottom;

Your choice for site templates and wordpress themes


Got something to say?

You must be logged in to post a comment.