Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
  • #810201

    I run a website using the Enfold theme, though I’m a very non-professional volunteer. I’ve been concerned for some months with what seems to me the very strange behavior of Modern Tribe’s The Events Calendar Pro (TECP) plugin in our Enfold-themed site.

    I’m really not sure where to begin on this, but let’s start with a particular TECP event page. Here’s a sample from our calendar:

    Now compare the same The Events Calendar Pro event in this screen shot taken from our staging site, still using the Enfold theme, but with all plugins but TECP, and all Quick CSS entries, removed:

    Please note that, in addition to the odd layout, there is no “<<All Events” link at the top right on either of these versions using Enfold to guide viewers back to the complete list of upcoming events, as you’ll see in the next linked screen shot.

    OK (and thanks for your patience) now please compare the above odd layouts, and lack of an All Events link, with this screen shot of the exact same TECP event with exactly the same settings, again on our staging site, with the Enfold theme replaced by the World Press generic Twenty Sixteen theme (all plugins and Quick CSS still enabled):

    The above screen shot represents, so far as I can determine from the TECP sample sites, how it’s supposed to look.

    Consider now the “All Events” list. Here’s how it looks on our live website with Enfold:

    Here’s how it looks in the Twenty Sixteen theme:

    Again, it looks fine in the Twenty Sixteen theme, but not in Enfold.

    I have read repeated assurances in this forum that TECP is fully compatible with Enfold. Indeed, there used to be a banner ad on this site advertising TECP.

    Can anyone help me fix this mess? Thanks very much.


    Hey Webmaster,

    Sorry for the late reply :)

    Please try adding following code to Quick CSS in Enfold theme options under General Styling tab

    .single-tribe_events .tribe-events-event-image img {
        width: 100%;
    .av-single-event-content {
        width: 100%!important;
        float: none;
        margin-left: 0!important;
    .av-tribe-events-outer-content-wrap, .tribe-events-list .tribe-events-loop .type-tribe_events .tribe-events-event-meta {
    display: block;

    Best regards,


    Hi Yigit,

    Thanks for your input. I’ve tried this code on our staging site, with no other quick CSS. It helps. The single event listing is better, except the venue information is not there, nor the << All Events link at the top.

    Single event on staging site with your suggested CSS only

    However, the event list (all upcoming events) was actually made worse, with the venue info squeezed on the left.

    Event list on staging site with your suggested CSS only:

    I tried adding your suggested code to simple CSS in the live site, with a good deal of other Quick CSS entries, and it seems to make no difference:
    As you can see, the venue info is still hoisted up in what is seemingly its own column on the left.

    I’m including our entire Quick CSS file in the Private Content area, in case perhaps you can spy something. Note that it contains a number of suggested tweaks derived from earlier interactions with the Tribe team on this forum.

    Any further suggestions you might have would be much appreciated. Thanks! Lance


    Since there’s been no response in two weeks, let me try again, with a less convoluted approach:

    1. On my staging site, I deactivated all plugins except TEC and TECPro. I deleted all Quick CSS. Result: Looks exactly the same, as far as I can see, with venue information hoisted up in a left column, featured image and event description squeezed into a right column, no <<All Events link at the top.

    2. Then, keeping plugins the same (all deactivated except TEC and TECPro). I added the Quick CSS suggested by Yigit above. Result: The (unwanted) left column with venue information disappears completely. No venue information at bottom. Column with featured image and event description looks good. No << All Events link at the top. Thus:

    I’m at a loss as to how to proceed further to solve this. Help appreciated.




    You are lost. There is no reply at all, because the modifications of those, do require a lot of modifications from us to make it work and we do not support it based on our support policy.
    You can always consider to hire someone to help you out with the project.

    Best regards,


    I have been told repeatedly by official reps on this forum that Enfold is compatible with The Events Calendar. I’m running Enfold in a staging site with no plugins other than The Events Calendar and no Quick CSS, essentially a bare-bones Enfold setup. Still the strange formatting. I’m not sure what you mean, then, by “because of the modifications of those.”


    Hi CWM,

    Here is the code for the events page, you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

     #top .tribe-events-list-event-title {
       padding-bottom: 10px;
       margin-bottom: 0px;
     .tribe-events-loop .tribe-events-event-meta {
        font-size: 14px;
        vertical-align: top;
    #top .av-tribe-events-outer-content-wrap {
      display: block;
      padding-top: 10px;
    .av-tribe-events-content-wrap {
         min-height: 310px;
        height: 100%;
        float: left;
        width: 100%;

    If you need further assistance please let us know.

    Best regards,


    Thanks very much for this, Victoria. Alas, it seems to make no difference. The venu information is still hoisted up on the left in its own column, thus:

    With Yigit’s code (above) I get the full width, single column graphic and event info, but no venue info.

    So I guess I do indeed need further assistance. Thanks! Lance

    PS: This is how it looks with Enfold replaced by the standard WordPress Twenty Sixteen theme:×1030.jpg



    Unfortunately it would require quite some time and customization of the theme to achieve this, so I am sorry to tell you that this is not covered by our support.
    However if its really important for you to get this done, you can always hire a freelancer to do the job for you :)

    Best regards,

Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.