Events template RSVP not a great fit with AVADA theme

[Jules]

Hi,

AVADA theme includes and promotes Events Calendar so I have just purchased the Pro version. All seems to work fine apart from the fact that your event template default will not override the Avada one, so I can not switch off the sidebar which distorts the RSVP box layout a little (see image below). I like the layout of Event Pro when a sidebar is not used, so please can you tell me if there is some simple CSS I can add to AVADA so that I can use use default layout. Thanks very much.

[Geoff]

Hi Jules,

Thanks for getting in touch!

Yes, you are absolutely correct: Avada includes a number of customized templates that override the ones provided in our plugins by default.

In order to deactivate those, you will likely need to either remove them from the theme folder, or perhaps create a child theme that re-overrides the customized template with the original templates. I would strongly suggest reaching out to Avada support for the best method that will not interfere with how the theme is structured and to help prevent you from losing changes on future theme updates.

As for the RSVP layout, would you be willing to send me a link to an event on your site where I can see that? I’d be happy to look into it and suggest some CSS to help clean it up.

Thanks so much!
Geoff

[Jules]

Hi Geoff

Thank you for your advice. Yes, I will go back to AVADA support and see
what they suggest.

As you have asked, please take a look at this page to see my problem:

http://www.canalsidefarm.co.uk/calendar/christmas-candel-class/

(this link is hidden on my site until I fix it – I like this feature you
have built in!).

This page shows the RSVP far left hand column format a bit out plus no top
border on the column to the right! I know it is the AVADA theme that is
knocking this out i.e. the sidebar (?) as it looks great when I use a
standard WP theme. I really like your single event post that doesn’t use
the sidebar and this is the look I want.

Can you also see in the top right box, ‘Cost’ shows ‘Free’ when in fact it
will cost £10.00 to join the workshop and is payable on arrival. I really
want to use the RSVP for registering people hence the cost saying free is a
problem. Can you suggest some CSS I can add to get rid of it?

Many thanks Geoff. I have only just bought your events pro and ticketing
plus products and really like what you have done. When I have ironed out
these little niggles I am looking forward to using them a lot!

[Geoff]

Thanks for the link, Jules!

It does appear that Avada has a good chunk of custom styles that are affecting the appearance of the RSVP box. You can use this snippet in either your style.css file or on the Appearance > Customize > Additional CSS screen:

table.tribe-events-tickets tr .tickets_name {
width: 30% important;
}

…however, I do want to note that this merely addresses the squashed appearance. I think there are additional changes that need to be made so that the RSVP box displays more like the way it was intended right out of the box. Avada may have some recommendations for that as well.

Can you also see in the top right box, ‘Cost’ shows ‘Free’ when in fact it will cost £10.00 to join the workshop and is payable on arrival.

We actually do have a free extension that will replace the ticket price with an Event Cost field in the event editor, which you can use to override that Free cost:

https://theeventscalendar.com/extensions/display-the-event-cost-field-when-ticket-plugins-are-installed/

Hopefully that will do the trick and allow you to set a different price in that area than what the cost of the ticket is. 🙂

Cheers!
Geoff

[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