Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #588522

    Hi Team Kriesi,
    i would like to wrap the upcoming events with av_one_fourth for responsive view. Where can i find the template?
    thankx

    #589277

    Hey xxtita!

    Please add following code to Functions.php file in Appearance > Editor

    function avia_custom_element_id(){
    ?>
     <script>
    jQuery(window).load(function(){
    if ($(window).width() < 990) {
    jQuery( "#Langlauf-Events-container" ).wrap( "<div class='flex_column av_one_fourth  flex_column_div'></div>" );
    }
    });
     </script>
    <?php
    }
    add_action('wp_footer', 'avia_custom_element_id');

    Regards,
    Yigit

    #589314

    Hi Yigit,
    thank you. Is there a template somewhere where I can wrap all upcoming-events, or do I have to put in all containers in your Code?

    #591503

    Hey!

    Again, sorry for the late reply!

    Can you please elaborate on the changes you would like to make? If you could show working and not working examples, that would be great :)

    Regards,
    Yigit

    #591608

    Hi Yigit,
    now i added your code – doesnt wrap the element. And a screenshot – left how it looks, and right how it should look (and should be responsive, too).

    View post on imgur.com

    #592010

    hmmh, just thinking. A work-around could be: Integrate events in loop (option for events @events > tools) and then put the posts per content-element blog into the akkordeon. I tried, but could only select – show entries from taxonomy “tribe events cat” … and taxonomy.
    Upcoming Events was not possible.

    #594253

    Hi!

    What if you add a unique category for the upcoming events? With this, you can select the term in Which Entries? > Tribe Events Cat. OR try this in the Quick CSS field:

    .av-upcoming-events .av-upcoming-event-entry.av-upcoming-event-without-image {
        width: 31.5% !important;
        margin-left: 2% !important;
    }
    
    .av-upcoming-events .av-upcoming-event-entry {
        width: 31%;
        float: left;
        margin-left: 2%;
    }

    Best regards,
    Ismael

    #595076

    Hi Ismael,
    Thanks for the code. But its not responsive. (on iPhone also 33%) Thats why i wanted to wrap upcoming-events into a div with class – av_one_fourth. I already made a category with e.g. “Langlaufen” in the tribe-events. But, of course, it shows all entries and not only the upcoming events.
    If you also cant find the template or the location where “upcoming events” were generated, I have to contact tribe-events. Maybe they have a solution.

    #597819

    Hi!

    you could try to work with media queries to get the responsive result you wish: https://css-tricks.com/snippets/css/media-queries-for-standard-devices/
    So wrap media queries around Ismael’s code.

    Cheers!
    Andy

    #597863

    Hi Andy,
    thanks. Too many workarounds. Guess i will setup a template in /config-events-calendar/views for upcoming events and keep you guys uptodate.

    #598043

    Hey!

    We will be waiting to hear from you :)

    Cheers!
    Yigit

    #637384

    Here is my solution.
    Copy ../avia-shortcodes/events_upcoming.php into your child-theme. Prox. at line number 149 starts the output to html. Change it the way you like, maybe you have to add some css-classes to fit your needs. Save – done.

    #637864

    Hi,

    Great, thanks for sharing! Much appreciated :-)

    Regards,
    Rikard

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