Overriding !important styles

There are several declarations in the plugins calendar_grey.css and style.css files that are set to !important. Some are even overriding the inline style for Category color. Is there a way to relax the amount of !important so that I can customize to meet my site’s color scheme?

For example, the following code is output from the plugin in the “List” view, with an inline color that I have defined for the category. The title is being displayed as #3f3f3f due to the calendar_grey.css file.

<h3 class="event-title" itemprop="name"><a href="https://mysite.com/event/example-wd-event/" itemprop="url" style="color:#038eed;">Example WD Event</a></h3>

.ecwd_theme_calendar_grey ul.ecwd_list li .event-main-content h3 a,
.ecwd_theme_calendar_grey ul.ecwd_list li .event-main-content h3 span.ecwd_open_event_popup {
    color: #3f3f3f !important;
}

I can override the override with more specific CSS but I’d be re-declaring the same color that’s been declared in Settings but doesn’t apply.

There are other examples where I am overriding !important but this one is a good example.

Thank you for your time.

• This topic was modified 6 years, 6 months ago by Matt Scheidler.
• This topic was modified 6 years, 6 months ago by Matt Scheidler.
• This topic was modified 6 years, 6 months ago by Matt Scheidler.