WordPress.org

Forums

Events Manager
[resolved] Calendar Widget CSS (13 posts)

  1. OlderFart
    Member
    Posted 2 years ago #

    Just a quick and probably easy question for someone to answer;

    I need to fiddle with the CSS for the calendar widget, but I can't find it. Either I can't find it or I'm looking in the wrong place. I guess my question could also be stated as;

    Does my theme's CSS control how the events calendar widget looks or is there a CSS file in the events-manager directory that handles all that.

    I need to make the font used for the days of the week (numbers) larger and change the color of the days that have events associated with them.

    Aside from that, LOVE your plugin!

    http://wordpress.org/extend/plugins/events-manager/

  2. R-one
    Member
    Posted 2 years ago #

    I actually did not find either of CSS for the calendar.

    But with firebug or another, we find the class:
    widget.widget_em_calendar
    em-calendar-wrapper
    calnav.em-em-prev-calnav
    month_name
    etc ...

    So just to create a child theme for wordpress and play with the class in new CSS file?

  3. agelonwl
    Member
    Posted 2 years ago #

    for reference only; you can see that in /events-manager/includes/css/events_manager.css at around line 101 then use your theme style.css for modification.

  4. Marcus
    NetWebLogic Support
    Plugin Author

    Posted 2 years ago #

    jetpack has a neat feature to add custom CSS to your theme header, so you could use that instead and avoid hacking files or creating a child theme just for a few lines of CSS (although a perfectly viable solution if you need to do more)

  5. OlderFart
    Member
    Posted 2 years ago #

    Thanks for the feedback. I am downloading Jetpack as I type this and will investigate all options.

    Thanks again.

  6. pundurbrother
    Member
    Posted 2 years ago #

    very time agelonwl is suggesting to use themes stylesheet file for events_manager.css customization, but I've came to problem (in my theme) it doesn't override EM css file. Opposite happens- events_manager.css is overriding my style.css every time..

    What could cause that?

  7. agelonwl
    Member
    Posted 2 years ago #

    @pundurbrother

    can I know whats steps you did and which css snippets you inserted in your theme style.css ?

  8. pundurbrother
    Member
    Posted 2 years ago #

    I am using templates for calendar-full and calendar-small

    I rewrited probably most of /* Calendar Styles */ in events_manager.css might be not the cleanest but does the job. Tried to copy them into my themes style.css after last update but it events_manager.css still overrides snippets from themes style.css

    You can take a look here http://freeskate.lv/sacensibas-pasakumi and try to override and see what happens

  9. R-one
    Member
    Posted 2 years ago #

    Sorry, I don't understand what you want to say, what are you trying to do exactly as change, as integration look correct ?

  10. agelonwl
    Member
    Posted 2 years ago #

    @pundurbrother

    try to edit your theme header.php and move your style.css includes after wp_head

    what happens is your theme style.css loads first before EM css and maybe that is why EM overrides your custom calendar css

  11. pundurbrother
    Member
    Posted 2 years ago #

    R-one, I am trying to add custom style to Events Manager small and full calendars. Every time I update Events Manager it replaces events_manager.css with new file. As I understand, I have to copy my new snippets to my themes style.css so it would override events_manager.css calendar snippets.. The problem is- it doesn't. Events_manager.css overrides my calendar snippets in style.css

    I don't know how to explain it differently..

  12. pundurbrother
    Member
    Posted 2 years ago #

    agelonwl, you are my hero! That was the case, it works now- thank you for your time I really appreciate it.

  13. R-one
    Member
    Posted 2 years ago #

    Do you use a Child theme for your change ?
    http://codex.wordpress.org/Child_Themes

    It's my solution for modify or add fonction to my blog, and i can update plugin or "parent" theme. And all my changes are preserved.

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Events Manager
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic