I would like to thank Rose for her post Christmas Holiday Themes For WordPress, as it motivated me into giving WassupBlog a Christmas theme. This would be my third theme modification, as I’ve already made one for Easter and Halloween. Naturally, the FlexSqueeze theme makes it all so easy that I actually look forward to playing around with it to blend it in with the holiday seasons.

The first thing I had to do was to find a suitable header. I finally decided to borrow one from another theme as I felt it set the right mood. Then I reduced the width of the blog so that it would display the Santa image that I chose for the background.

Adding An Image To Comment Box

I thought it would be pretty cool if I could jazz up the comment box a little by adding some snowflakes so I had a little look at the CSS file to see what I could do. For those of you who were wise enough to purchase the FlexSqueeze theme I thought you might like to know how I did it.

You will need to edit the ‘style.css’ file and I strongly urge you to make a backup before playing around with it.

First find the following lines;

#commentform input, #commentform textarea {
padding:5px;

Below that add the following;

background: url(images/bg-snowflakes5.gif);

Substitute ‘bg-snowflakes5.gif’ for whatever file you want to use as your background, remembering that the file has to be uploaded first in order for it to work. This is a cinch using the upload feature that comes with FlexSqueeze!  I suggest you use a very light colored file otherwise people will not be able to see what they are typing.

Adding An Image To Your Post Background

To add to the Christmas look of the blog I decided to change the background of the post area, and for this I chose a lovely snow scene. If you would like to do something similar to your blog then once again you will need to add a little bit of code to your ‘style.css’ file.

Find the following lines;

#content {
width:935px;
position:relative;
float:left;

Just below that enter the following line.

background: url(images/bg-snow-scene.jpg);

Once again substitute ‘bg-snow-scene.jpg’ by the image you’ve selected.

It is important to remember that these modifications to the ‘style.css’ file of this  theme will most likely not work on your theme. These modifications can still be done on most themes but you will have to find the right areas that need to be changed.

Apart from these style.css changes all other changes were done via FlexSqueeze‘s option page.  The images were all obtained from Free Web Images And Clipart , except for the header which I got from leadcamp.com.

Oh, one last thing. In case you are wondering how I got it to snow, it was by using the Let It Snow plugin.

EDIT: I’ve deactivated the plugin as I noticed it caused a bit of drain on the CPU, and possible made the blog somewhat slower. Even so, I reckon the blog may still remind people of Christmas.

Reblog this post [with Zemanta]
The FlexSqueeze Theme gives my blog that professional look. I loved it so much that I bought the developers license. It's the easiest most customizable theme I've come across. See how easy it is to change your theme's appearance! Compare it to Thesis to see how much better it is! Check out some of the latest Latest Updates

I highly recommend you to get your FlexSqueeze copy today!

Tagged with: • •

Filed under: Uncategorized

Like this post? Subscribe to my RSS feed and get loads more!