Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #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
    Mike

    #1335095

    Hey 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,
    Yigit

    #1335102

    Hi 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;
      }
    }
    #1335106

    Hi,

    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,
    Yigit

    #1335108

    Hi 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
    Mike

    #1335249

    Hi 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,
    Yigit

    #1335253

    Hi 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
    Mike

    #1335256

    Hi 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,
    Yigit

    #1397116

    Hi
    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
    Mike

    #1397118

    Hi 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,
    Yigit

    #1397123

    Hi 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
    Mike

    #1397126

    Hi,

    Great!

    Let us know if you have any other questions and enjoy the rest of your day!

    Best regards,
    Yigit

Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘The Events Calendar Design broken’ is closed to new replies.