Support

June 19, 2015 at 1:40 am

Hi Ronald,

I split this topic of the other one as I feel it is a slightly different question.

The calendar uses (by default) the Themeroller styles, which use arrow icons for the next/prev buttons.

Of course, if you are using a custom style of some sort this might change that.

Looking at your site’s schedule of classes, I can see that the styles are correctly showing the arrow icons, but that there are some additional up and down arrows that should not be there.

It looks like there is a conflict between the calendar and the Ultimate Social Media Icons plugin. Both are using jQuery styles.

The following CSS should resolve the issue for you:

#espresso_calendar .ui-state-default {
    background:none;
}

#espresso_calendar .ui-state-active {
  background: #d22b30;
  font-weight: 400;
  color: #eee;
}

That CSS can be added to your themes style.css, though in order to preserve the CSS through theme updates we recommend adding it to either: a child themes style.css, your themes CSS options if it has any, or a plugin such as My Custom CSS.

June 19, 2015 at 5:08 am

Hi,

#event_content .ui-state-hover, 
#event_content .ui-state-focus, 
#event_content .ui-state-hover, 
#event_content .ui-state-focus, 
#event_content .ui-state-hover {
  background: #d22b30;
}

#event_espresso_registration_form .ui-state-hover, 
#event_espresso_registration_form .ui-state-focus, 
#event_espresso_registration_form .ui-state-hover, 
#event_espresso_registration_form .ui-state-focus, 
#event_espresso_registration_form .ui-state-hover {
  background: #d22b30;
}

That should do it.