Single event view not displaying full width

[Simon]

Hi,

I have the full-width template option selected for Event Calendar Pro, and the event list displays correctly, but the single event view still seems to contain space for widgets, although no widgets are loaded on the page. Is there any way to make this view full-width as well?

The two example links are:

http://www.isasa.org/events/

http://www.isasa.org/event/school-governance-south-west/

I suspect this relates to my theme (Valenti) but I am not sure how to resolve the problem.

Simon

[Geoff B.]

Good evening Simon and welcome to the Events Calendar Support forum!

Thank you for reaching out to us.
I would love to help you with this topic.

First off, you are absolutely right, this is related to a CSS rule from your theme.
More specifically:
@media only screen and (min-width: 1200px) {
.cb-main {
width: 750px;
}
}

Note that this rule is likely to be found in several places in your CSS stylesheet (for the different widths).

There are couple of things you can do:

1. Explore the page at different resolutions using https://theeventscalendar.com/knowledgebase/using-google-chrome-developer-tools/ to find out which rules cause issues
2. Experiment with different Events -> Settings -> Display settings as described here: https://theeventscalendar.com/knowledgebase/stylesheets-and-page-templates/

If you decide to add CSS rules, try something like

.single-tribe_events #cb-content .cb-main {width: 100% !important}

Let me know if that helps.

Have a great day!

Geoff B.

[Simon]

Thanks Geoff, the additional CSS works – I’ll add that for the various pages that need to show full width.

Simon

[Geoff B.]

Good afternoon Simon,

I am super stoked that this worked for you!

You are welcome back in our support forums any time 🙂

For now, I am going to close this thread.

Have a great week!

Geoff B.

[Author]

Posts