Tagged: ,

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • June 20, 2017 at 6:55 am #810201
    TK-CWM

    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:

    https://centerforworldmusic.org/event/north-india-classical-sitar-tabla/

    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:

    https://centerforworldmusic.org/wp-content/uploads/2017/06/CWM-Event-Enfold-Theme-No-Quck-CSS.jpg

    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):

    https://centerforworldmusic.org/wp-content/uploads/2017/06/CWM-Event-2016-WP-Theme.jpg

    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:

    https://centerforworldmusic.org/events/

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

    https://centerforworldmusic.org/wp-content/uploads/2017/06/CWM-Event-Listing-with-2016.jpg

    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.

    June 23, 2017 at 4:57 pm #812167
    Yigit

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

    June 23, 2017 at 6:27 pm #812231
    TK-CWM

    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

    https://i2.wp.com/centerforworldmusic.org/wp-content/uploads/2017/06/CWM-Event-Enfold-w-New-CSS-Added.jpg

    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:

    https://i2.wp.com/centerforworldmusic.org/wp-content/uploads/2017/06/CWM-Event-List-Enfold-w-New-CSS-Added.jpg

    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:
    https://centerforworldmusic.org/event/north-india-classical-sitar-tabla/
    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

    July 10, 2017 at 4:23 pm #818837
    TK-CWM

    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:

    https://centerforworldmusic.org/wp-content/uploads/2017/06/CWM-Event-Enfold-w-New-CSS-Added.jpg

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

    Lance

    July 13, 2017 at 9:15 pm #820778
    Basilis

    Hi,

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

    July 13, 2017 at 9:38 pm #820798
    TK-CWM

    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.”

    July 15, 2017 at 2:08 pm #821672
    Victoria

    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 {
   text-align:start;
   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,
    Victoria

    July 15, 2017 at 6:07 pm #821748
    TK-CWM

    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:

    https://centerforworldmusic.org/wp-content/uploads/2017/07/3-No-Plugins-Only-CSS-from-Victoria.jpg

    With Yigit’s code (above) I get the full width, single column graphic and event info, but no venue info.
    https://centerforworldmusic.org/wp-content/uploads/2017/07/4-No-Plugins-Only-CSS-from-Yigit-2.jpg

    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:
    https://centerforworldmusic.org/wp-content/uploads/2017/07/5-No-Plugins-WP-2017-Theme-524×1030.jpg

    July 18, 2017 at 9:44 pm #823501
    Basilis

    Hi,

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

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