The event calendar - full-width not working


I am aware that other people have asked a similar question but I could not find a suitable answer.

Using the event calendar and sparkling as a template I can’t get the full width option of the calendar to work. Even if I set the option to ‘full-width’ the function goes into the else statement of

function sparkling_main_content_bootstrap_classes()

and therefor returns the class ‘col-sm-8 col-md-8’;

The URL is

Thanks for your help!


Ps: If you tell me, where I can change the option in the code, that would be appreciated to…

Add this code to Theme Options - Other - Custom CSS.

.events-archive .main-content-inner {
    width: 100%;

It targets only event archive page and it should make this page full width.

Thanks a lot. Works now :slight_smile:

… and to make the single event view full-width too, add this:

.events-single .main-content-inner {
width: 100%;