Skip to main content

Search Events Calendar Child Theme for Divi Documentation

Search for answers or browse our knowledge base.

Print

How to make event page full width

 Use the below custom CSS in your WordPress Dashboard >> Divi >> Theme Options >> General >> Custom CSS area to make the event page full wdith.


.tribe-common .tribe-common-l-container,
#tribe-events-pg-template {
    max-width: 100%!important;
    width: 100%!important;
}
h1.tribe-events-single-event-title,
.tribe-events-schedule.tribe-clearfix,
p.tribe-events-back,
.tribe-events-c-subscribe-dropdown__container,
.tribe-events-single-section.tribe-events-event-meta.primary.tribe-clearfix {
    margin-left: 10%!important;
}
div#tribe-events-footer {
    margin: 0 10%!important;
}
h1.tribe-events-single-event-title {
    width: 80%!important;
    max-width: 80%!important;
}
Was this article helpful?
0 out of 5 stars
5 Stars 0%
4 Stars 0%
3 Stars 0%
2 Stars 0%
1 Stars 0%
5
Please Share Your Feedback
How Can We Improve This Article?
Table of Contents