wordpress calender css stylingA lot of time when you install a theme or when you design a theme, you almost forget about the WordPress calendar widget. There are many premium themes in the market which do not care about this widget simply because it is one of the "lesser used" functionality.

So if you were thinking about having a calendar widget but your designer did not appreciate in creating extra CSS for the calendar. Here's small piece of code for you, which I built for my next theme.

You can use the Jetpack's latest feature "Edit CSS" under the appearance tab for this, since I've created this theme based on default WordPress calendar widget, so all you have to do is copy and paste the css of this plugin in "Appearance->Edit CSS".

There are two small images which I have converted into base64 so everything is contained in this piece of CSS. However, I found that base64 images are not being rendered at all in the Jetpack "Edit CSS" feature.

So for best view, I would advice you to download the plugin version, well its only 4 lines of code :P . All you have to do is upload and click activate. Enjoy the CSS styling for your WordPress Calendar Widget.

Download plugin below:

Download from this link [Members only, register as member here (its free)]:

[emember_protected for=2-3]
Download Plugin

Size: 8 KB | Free
[/emember_protected]

OR

To Download this freebie, subscribe to our blog and get access to all future awesome freebies:

Download
Download & Confirm your subscription.

I have used this styling on VibeThemes.com pages you can view at our Contact page sidebar.

Share your thoughts on this via comments or tweets or likes ...

Enjoy the Vibe,

( v )