Adding colour to calendar spite

  • KeithS


    I’m in the process of switching my theme to Graphene, but I have a question that I cannot seem to find a clear solution for. I believe to do what I want I need to add some custom CSS and possibly add icons/sprites or something similar, but here’s the question.

    Currently, the basic install of Graphene has the calendar icon or sprite as being grey. I would like to change that to a colour, to be precise, twelve different ones, one for each month of the year.

    Can anyone please give me a clear method of doing this? Please keep in mind that I am very much a beginner at using CSS and very clear instructions would be appreciated. Thank you!


    Kenneth John Odle


    The calendar icon comes from the master sprite image. If you don’t want to use the default one, then you will need to do one of two things:

    1) Create a separate icon image for every month of the year and apply that via custom css.

    2) Create a separate appearance for every month of the year via css.

    The hard part is changing that color for each month of the year. You would need to use a child theme and a custom function.



    So there is no way to, for example, use the grey icon as the base image and then just change its color via CSS?

    Thank you for your thoughts, I do appreciate it!


    Kenneth John Odle


    Not that I’m aware of. And you still face the issue of coloring them differently for each month.

    This is a cool idea. Have you checked the plugin repository to see if there is a plugin that accomplishes this? It’s a slim chance, but worth a look.



    I’ve looked, but nothing like this exists as a plug in by itself. I do know that it exists, the icon effect I mean, with the WP Touch plugin however. Posts that appear on a ipad or similar appear with different coloured calendar icons/sprites. I think I’ll have to see how that is done, it uses a theme that overrides the standard theme in order to display the site. Maybe I can use the CSS from that as a guide to doing what I am thinking of. If anyone has other thoughts, please leave a comment? Should I figure something out, I’ll post a thread explaining how I managed it for comment.

Viewing 5 posts - 1 through 5 (of 5 total)

  • You must be logged in to reply to this topic.