2 Separate Events List Widgets with Different Customizations

Home Forums Calendar Products Events Calendar PRO 2 Separate Events List Widgets with Different Customizations

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #1167186
    Christophe
    Participant

    Hello,

    I have been working with a website developer to build a website but due to their unresponsiveness I do some of the finishing touches myself before going live. The site is for our music school and am new to WP (our current website is on Umbraco).

    I want to display 2 “Upcoming Events” list in two different parts of my website. One with 5-7 upcoming events next to a mini calendar on my Homepage horizontally with feature image (as in https://theeventscalendar.com/knowledgebase/horizontal-list-widget/) and one with 3 items vertical in my sidebar next to a gallery album in another page with no image but the “Thu-3” icon.

    The problem is when I follow the instructions to customize the List view (as outlined in the Knowledge Base) it changes it on both widgets. I want two distinctive lists. In fact I may need more with other criteria (like upcoming events that are live streamed only) etc…

    Thank you in advance,

    Christophe

    #1167870
    Nico
    Member

    Hi there Christophe,

    Thanks for getting in touch with us! I’ll help you getting this ready!

    The horizontal widget customization is all CSS, so you can target the specific list widget by it’s unique id (which look like tribe-events-adv-list-widget-4).

    Regarding the image, go ahead and add the snippet to show the featured image in the widgets. Then you’ll need to hide it via CSS for the widgets instances where you don’t want it to show. The code would look something like this:

    /* hide featured image for this particular instance of list widget */
    #tribe-events-adv-list-widget-4 .list-info .tribe-events-event-image {
    display: none;
    }

    You can use the same logic to hide the date icon for a specific widget:

    /* hide date icon for this particular instance of list widget */
    #tribe-events-adv-list-widget-4 .list-date {
    display: none;
    }

    Please note, I’m using tribe-events-adv-list-widget-4 as a sample, you’ll need to replace that with the actual instance id.

    Let me know if this helps you out and in case you need additional guidance please send over the site URL,
    Have a great weekend,
    Nico

    #1177119
    Support Droid
    Keymaster

    Hey there! This thread has been pretty quiet for the last three weeks, so we’re going to go ahead and close it to avoid confusion with other topics. If you’re still looking for help with this, please do open a new thread, reference this one and we’d be more than happy to continue the conversation over there.

    Thanks so much!
    The Events Calendar Support Team

Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘2 Separate Events List Widgets with Different Customizations’ is closed to new replies.