Calendar Widget CSS

  • Resolved OlderFart

    (@olderfart)


    13 years, 6 months 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://ww.wp.xz.cn/extend/plugins/events-manager/

Viewing 12 replies - 1 through 12 (of 12 total)
  • R-one

    (@r-one)

    13 years, 6 months 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?

    agelonwl

    (@angelonwl)

    13 years, 6 months 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.

    Plugin Author Marcus (aka @msykes)

    (@netweblogic)

    13 years, 6 months 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)

    Thread Starter OlderFart

    (@olderfart)

    13 years, 6 months ago

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

    Thanks again.

    pundurbrother

    (@pundurbrother)

    13 years, 6 months 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?

    agelonwl

    (@angelonwl)

    13 years, 6 months ago

    @pundurbrother

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

    pundurbrother

    (@pundurbrother)

    13 years, 6 months 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

    R-one

    (@r-one)

    13 years, 6 months ago

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

    agelonwl

    (@angelonwl)

    13 years, 6 months 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

    pundurbrother

    (@pundurbrother)

    13 years, 6 months 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..

    pundurbrother

    (@pundurbrother)

    13 years, 6 months ago

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

    R-one

    (@r-one)

    13 years, 6 months ago

    Do you use a Child theme for your change ?
    http://codex.ww.wp.xz.cn/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.

Viewing 12 replies - 1 through 12 (of 12 total)

The topic ‘Calendar Widget CSS’ is closed to new replies.

Tags