Tagged: ,

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • February 24, 2016 at 5:14 pm #588522
    xxtita

    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

    February 25, 2016 at 5:33 pm #589277
    Yigit

    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

    February 25, 2016 at 6:01 pm #589314
    xxtita

    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?

    March 1, 2016 at 1:20 pm #591503
    Yigit

    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

    March 1, 2016 at 4:08 pm #591608
    xxtita

    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

    March 2, 2016 at 11:05 am #592010
    xxtita

    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.

    March 7, 2016 at 12:50 pm #594253
    Ismael

    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

    March 8, 2016 at 5:29 pm #595076
    xxtita

    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.

    March 14, 2016 at 4:09 pm #597819
    Andy

    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

    March 14, 2016 at 5:20 pm #597863
    xxtita

    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.

    March 15, 2016 at 12:08 am #598043
    Yigit

    Hey!

    We will be waiting to hear from you :)

    Cheers!
    Yigit

    May 24, 2016 at 11:47 am #637384
    xxtita

    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.

    May 25, 2016 at 5:44 am #637864
    Rikard

    Hi,

    Great, thanks for sharing! Much appreciated :-)

    Regards,
    Rikard

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