To create a background for any of your individual post, we have to first find an image that you like. Re size the width of your image to suit your content area. The height can be left alone. Once you have done that, upload the image to your Theme’s images folder.
Like always, we now have to add a new div class in our stylesheet to make the image appear the way we want to. For this example, my CSS codes looks like this:
.postback { background:#493105 url(images/sunset.jpg) no-repeat bottom center; padding:10px; margin: 0; font-family: Verdana; color: #fff; }
I have named ny div, .postback. The background color is decided by the top most color of your image. This means if you have a long post and your image is not too tall enough to cover your whole post, the background color will blend into the image. So make sure the color of the background is similar to the color of where your image height ends. “Bottom center” aligns the image to the bottom of your post. If you want the iamge to be on the top, then change it ti “top center”. The rest of the codes is pretty standard.
When writing your post, enclose the whole post within the new class like this:
<div class="postback"> Your whole post </div>
If you have named your div something else, change the word accordingly. Publish and see your final cool result. Try it, if anything just for the heck and fun of it. Cool. Beautiful background for your WordPress post.
PS: Cannot be viewed via your feed reader.
