To achieve the desired result, please navigate to the “EventPrime-> Settings” sub-menu select the “Custom CSS” tab, and place the below-mentioned CSS in the TextArea and save changes.
#top.ep-event-detail-template .fullsize .template-blog .post .entry-content-wrapper {
max-width: 100% !important;
}
#top.ep-event-detail-template .fullsize .template-blog .post .entry-content-wrapper .entry-content {
max-width: 100%;
}
If you have any further questions, please don’t hesitate to reach out to us.
I extended the css to have the picture also 100% wide:
#top.ep-event-detail-template .fullsize .template-blog .post .entry-content-wrapper {
max-width: 100% !important;}
#top.ep-event-detail-template .fullsize .template-blog .post .entry-content-wrapper .entry-content {
max-width: 100%;}
#top.ep-event-detail-template .ep-single-event-slide-container {
max-width: 100% !important;
width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;}
#top.ep-event-detail-template .ep-single-event-slide-container img,
#top.ep-event-detail-template #ep_single_event_image {
width: 100% !important;
max-width: 100% !important;
height: auto !important;
margin: 0 !important;
display: block !important;}
Thanks for the update.
If you have any further questions, please don’t hesitate to reach out to us.