Adding colour to calendar spite

  • KeithS

    #6550

    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!

    Mod

    Kenneth John Odle

    #34824

    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.

    KeithS

    #34825

    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!

    Mod

    Kenneth John Odle

    #34826

    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.

    KeithS

    #34827

    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.