Disable Linking in M.E.Calendar

[zero_to_one]

Hey there,
I got a calendar and the section that I marked here http://prntscr.com/n6dne8
is clickable and linked to an event page. However I’d like to completely disable this feature, the elements on the right side of the table should not be clickable, have any hover action or link.
Thanks for your help!

[mldarshana]

Hi There @zerotoone.de

Thanks for writing in! Could you please try adding the following JavaScript code into your X -> Theme Options -> JS area and see if that helps.

jQuery( document ).ready(function() {
    jQuery('.mec-calendar-events-side.mec-clear .mec-color-hover').attr('href','#55');
});

Hope that helps.

[zero_to_one]

@mldarshana

jQuery( document ).ready(function() {
jQuery(’.mec-calendar-events-side.mec-clear .mec-color-hover’).attr(‘href’,’#55’);
});

Thank you, but how can I disable the hover effect all together?

[jade]

Hi @zerotoone.de,

You can try adding this CSS in the Global CSS instead:

.mec-calendar .mec-event-article .mec-event-title a {
    pointer-events: none;
}

https://www.w3schools.com/cssref/css3_pr_pointer-events.asp

Hope this helps.

[zero_to_one]

@Jade

.mec-calendar .mec-event-article .mec-event-title a {
pointer-events: none;
}

Thank you, now there is only one last thing. there is a background just behind the elements we styled. this background still changes on hover. Please help me remove this one too

[jade]

Hi there,

Please add this code as well:

.mec-calendar .mec-event-article:hover {
    background-color: transparent !important;
}

Hope this helps.