How to add Events Carousel to homepage? (Shortcode)

[gumm]

Hi,

1. What’s the shortcode for display events on homepage carousel?

2. How to make visible (enable) the search form on the theme? Maybe by modifying the php file functions.php?

Thanks!

[Veena]

2.Pls go to the file header.php in the invent folder, and when
class=”wrap” div closes, you’ll need to enter the following code:

You may need to adjust the syling.

[Raghavendra]

Here is the actual shortcode which you can try out in a page or page section which should let you see an events carousel –

[segment background_color="#eeeeee"]

[heading2 title="Our college events" pitch_text="Lorem ipsum dolor sit amet, consectetuer elit arcu sit proin a vel porttitor risus."]

[post_snippets_carousel id="events-carousel" post_type="tribe_events" navigation="true" post_count=6 image_size='medium' display_title=true show_meta=true display_summary=true show_excerpt="true" excerpt_count=80 hide_thumbnail="false" navigation="true"]

[/segment]

While the above code should provide with a decent carousel, if you need to slightly beautify it, you can use the following custom CSS in your theme options Custom CSS tab and the carousel should look as good as any other carousel

.carousel-container .post-snippets .type-tribe_events {
    margin: 0 10px 20px 10px;
    background: #FFF;
    box-sizing: border-box;
    transition: box-shadow 0.25s ease;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.carousel-container .post-snippets .type-tribe_events .entry-text-wrap {
    padding: 5% !important;
}

I hope the above meets your need.

[Author]

Posts