Plugin Support
Darian
(@d0153)
Hi @kotisivutohtori
Thanks for reaching out—I’d be happy to help with this.
It looks like the issue may be related to the Event Template selected from your Event Settings. If you haven’t checked this yet, I recommend reviewing this guide on how to properly configure it:
https://theeventscalendar.com/knowledgebase/basic-template-settings/#h-events-template
Please let me know how it goes or if you have any questions—I’m here to help!
Hi Darian,
I have tested all available template options in Event Calendar display settings, cleared both site cache and browser cache after testing the layout option and the text stays on left side border.
I do see a database error regarding the The Event Manager plugin with Query Monitor plugin.
Like I said I had this same issue on a Divi Builder website:
My coder added padding for Event Manager pages on this second site. So I think this is a recurring issue after some update earlier. You dont have any records of others having this same issue? I’ve experienced this now twice within a year on two different websites, using two different page builders. Both times I tested all display options in the settings. No change.
I do see that with the Elementor website I can create an Elementor page for the event and that page layout uses Elementor settings. But if I want to create just an Event Manager event with the plugin layout, the page has no padding on the leftside.
Plugin Support
Darian
(@d0153)
Thanks for your response.
I’m aware of an issue with Divi where it adds its own classes to our plugin templates, which can sometimes lead to alignment issues. That said, I’m not entirely sure if what you’re experiencing is the same scenario.
As for Elementor, I don’t have enough context yet to determine if it’s related.
To help me investigate this properly, could you please share a page URL where the issue is visible? That will allow me to take a closer look and provide more accurate guidance.
Plugin Support
Darian
(@d0153)
Hi @kotisivutohtori
I hope you’re doing well. I just wanted to touch base and check in with you. It’s been a little while since we’ve heard from you. I was just curious if you had the chance to review the response above.
Let us know if there’s anything we can assist you with.
Hi Darian,
you can find the URL in the first post…but please notice that my coder has added some padding via Custom CSS. So I dont have an URL link where you could see it without the custom CSS that fixes it.
Coder has added these in the custom css:
.em-view-container {
max-width: 1400px;
padding: 35px 0;
margin: 0 auto;
}
.tribe-events-content, .tribe-events-single-section, .tribe-common, #tribe-events-footer{
max-width:1400px;
margin: 0 auto !important;
padding:0 20px !important;
}
Plugin Support
Darian
(@d0153)
@cecil108 You can refer to this thread: https://wordpress.org/support/topic/import-issues-25/
@kotisivutohtori
From what I can see, the issue is likely related to the use of Skeleton Styles. When this styling option is enabled, it provides a more minimal base layout, which typically requires additional customization to properly match your theme’s design.
Additionally, I’m also seeing a CSS override coming from your theme that may be affecting the layout and alignment:
https://share.zight.com/4guqeRdL
Because of this, the behavior you’re experiencing is most likely a combination of Skeleton Styles needing further styling adjustments and your theme’s CSS taking precedence.
I hope this helps. Let me know if you have further questions or concerns.
Hi,
I am using Default Styles option (did test with Skeleton styles also). I also tested all the Events Template options (on both Default and Skeleton styles). All of them did not show padding on the left-side of the event page. Theme is using Elementor. Only if I create the events with Elementor, I get the padding, but then I dont get any of those plugin-fields (I tested the modules inside Elementor for Events and they dont seem to work).
And yes the CSS is done my our coder in efforts to fix this missing-padding issue.
Plugin Support
Darian
(@d0153)
Hi @kotisivutohtori
Thanks for your response.
I tried recreating the issue on a fresh test site using the Hello Elementor theme, and everything appears to be working as expected on my end:
https://coherent-frog-403434.instawp.xyz/event/test/
From what I can see, the issue on your site is likely caused by the CSS from your theme. In particular, the styles shown in the screenshot are removing the max-width and padding of the event wrapper, which affects the layout.
It looks like your developer may have added custom CSS to reintroduce the width and padding that your theme is overriding or removing.
For reference, this is the CSS file where those styles seem to originate:
https://www.quovadis-sailing.com/wp-content/themes/briny/css/__plugins.css
#tribe-events-pg-template, .tribe-events-pg-template {
margin: 0;
padding: 0;
max-width: inherit;
}
I recommend reviewing or adjusting those styles to ensure they don’t override the event template layout unintentionally.
I hope this helps.
Plugin Support
Darian
(@d0153)
You’re very welcome, @kotisivutohtori !
If you have a minute, a great review from you would be amazing!
https://wordpress.org/support/plugin/the-events-calendar/reviews/
