Custom Shortcode

[timothy cermak]

I want my websites event list to look exactly like http://ticketquarry.com/events/ looks. but when i try to use the shortcode, there are monthly sepreators and such.

Basically my end goal is to create a page that looks exactly like http://ticketquarry.com/events/ but with a slider about the list, and to my knowledge the only way to do that is to create a custom page and use the shortcode

[Jennifer]

Hi Timothy,

Thanks for reaching out!

You can create a custom page with a shortcode and a slider, or if you want to add a slider to the /events page, you can do that as well by editing the list view template following these instructions (the template can be found at wp-content/plugins/the-events-calendar/src/views/list/content.php). You can add your slider wherever you’d like it to appear on the page.

If you prefer the shortcode route on a new page, you can remove the month dividers with the following CSS:

.tribe-events-list-separator-month {
display: none !important;
}

You can add that to your Additional CSS area under Appearance > Customize (if you have one) or in the style.css file of your child theme.

Let me know how that works for you or if you’d like to make any other style changes to the page with the shortcode! If so, please send me a link to the page where you have the shortcode, and I’ll see what I can recommend.

Thanks,

Jennifer

[timothy cermak]

This reply is private.

[timothy cermak]

http://ticket.semremedy.com/events/

this also needs to look just like Ticketquarry.com

[timothy cermak]

http://ticket.semremedy.com/

I still need the thin grey line removed and i need the descriptions to stay in the event box.. the second event is coming out of the box

[Jennifer]

Hi Timothy,

It looks like you are using the same theme on both sites, so unless you have different settings or some custom CSS on one site that you don’t have on the other, they should display the same way. There really isn’t any CSS I can give you that will make them both display exactly the same way, but what I would recommend is going under Events > Settings > Display and try changing the settings for Default stylesheet used for events templates and Events template – definitely make sure both sites are using the same settings. There are also some options under Appearance > Customize > The Events Calendar that you can set, but these are mostly related to colors.

To remove the gray line, you can use

.tribe-events-list .type-tribe_events {
border-bottom: none;
}

Let me know how that works!

Thanks,

Jennifer

[timothy cermak]

ot

[timothy cermak]

This reply is private.

[Jennifer]

Hi Timothy,

Sorry that didn’t work for you…I’m not seeing the line on that page anymore though, were you able to get rid of it? If not, can you try it this way:

.tribe-events-list .type-tribe_events {
border-bottom: none !important;
}

It’s working in my browser both ways, so hopefully this one will work for you as well!

[Support Droid]

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

[Author]

Posts