-
AuthorPosts
-
January 11, 2022 at 1:59 pm #1335081
Hi
Since the last update of the plugin “The Events Calendar”, its design is broken at Enfold websites.
See examples in the private content section.
Will there come an update of Enfold for this?
Thanks very much.
Best regards
MikeJanuary 11, 2022 at 2:56 pm #1335095Hey Mike,
Thanks for contacting us!
Please add following code to Quick CSS field in Enfold theme options > General Styling tab
#top #wrap_all .tribe-events-button { font-size: 13px; margin-right: 5px; display: inline; }
Best regards,
YigitJanuary 11, 2022 at 3:46 pm #1335102Hi Yigit
Thanks for the code. On desktop this seems to work, but on mobile not.
There we have already the following code, because we already had problems on mobile after earlier “The Events Calendar” updateas:@media only screen and (max-width: 767px) { #top.tribe-theme-enfold.single-tribe_events .av-single-event-meta-bar-inner { display: block; } #top.tribe-theme-enfold.single-tribe_events .secondary .tribe-events-meta-group { margin-top: 20px; } .tribe-events-cal-links .tribe-events-button { width: 100%; margin-bottom: 10px; } }
January 11, 2022 at 3:58 pm #1335106Hi,
Please add following code to bottom of Quick CSS as well
.single-tribe_events .tribe-events-cal-links { display: flex; }
For some reason it does not help on your first site but works fine on other 2
Best regards,
YigitJanuary 11, 2022 at 4:03 pm #1335108Hi Yigit
With this code, the buttons are not visible anymore on desktop and on mobile it looks not very nice.
We would like to have the buttons on mobile with 100% width, like it was before ;-)
Would all this CSS codes be implemented in a later Enfold update?
Best regards
MikeJanuary 12, 2022 at 2:50 pm #1335249Hi Mike,
Could you please replace /enfold/config-events-calendar/event-mod.css file with this one – https://pastebin.com/WzFx6VJX? Please make sure to clear cache.
This should display buttons fullwidth starting from 990px.CSS changes will be implemented in upcoming version but we will wait for your confirmation :)
Best regards,
YigitJanuary 12, 2022 at 3:18 pm #1335253Hi Yigit
Before I will do that, does this replace all the CSS codes I used for the buttons?
Which of all CSS code mentioned above should be removed after replacing this file?
Best regards
MikeJanuary 12, 2022 at 3:47 pm #1335256Hi Mike,
Following code is the additional to the CSS file in case you would like to test it in Quick CSS first :)
#top #wrap_all .tribe-events-button { display: inline-block; margin-right: 10px; } @media only screen and (max-width: 990px) { #top #wrap_all .tribe-events-button { width: 100%; margin-bottom: 10px; } }
Best regards,
YigitFebruary 8, 2023 at 10:10 am #1397116Hi
I think you can close this issue because there were a lot of updates of The Events Calendar and also from Enfold, so this should be fixed.
If not, we can open a new issue.
Thanks very much.
Best regards
MikeFebruary 8, 2023 at 10:23 am #1397118Hi Mike,
In the upcoming version, related events will be displayed inside the meta section when the Event Tickets Plus plugin is active to avoid an issue. If you are only using Event Tickets and not the Plus version, layout will be the same.
I can email you the latest version if you want to test it. If you do, please let me know which email I should send it to.
Best regards,
YigitFebruary 8, 2023 at 10:43 am #1397123Hi Yigit
No, for us it is ok at the moment. It works and I think it will also work with the upcoming version because we do not use the Event Tickets Plus plugin.
You can close this issue.
Best regards
MikeFebruary 8, 2023 at 10:44 am #1397126 -
AuthorPosts
- The topic ‘The Events Calendar Design broken’ is closed to new replies.