RSPV Display Issues

[Matthew]

I have a three questions regarding display. Please see the following post: http://qa-financial.com/event/quality-assurance-in-finance-forum/

1. Currently we are using RSVP tickets to register interest in this event. Following that we will change this to offer WooCommerce tickets. In the meantime, how can we hide the “| Free” notice under the date? The event won’t be free – we’re just not selling tickets yet.

2. Regarding the same “| Free” notice (or any price notice). There seems to be a display issue. ‘Free’ isn’t in line. I’ve tired using the different styles but it doesn’t seem to help.

3. Formatting issues with the RSVP form at the bottom of the page. Everything seems too heavily justified to the left. Again, I’ve tried changing the styles but it seems to make no difference.

Any help greatly appreciated.

[George]

Hey @Matthew,

Thanks for reaching out!

There is unfortunately only a limited amount of help we can provide with design-related questions like these; this is because front-end styles are mostly dictated by your site’s theme, not the plugins.

You can learn more about our policy on this here.

---

Now, that being said, I’m happy to help with your specific concerns here for now.

For questions #1 and #2, you can add the following bit of CSS code to the bottom of your theme’s style.css file and it will outright remove that “| Free” text:


.tribe-events-schedule .tribe-events-divider, .tribe-events-cost {
display: none !important;
}


For Question #3, this is where your theme styles are taking effect and so you’ll unfortunately have to take most of the reins on getting this to look how you want.

Something like this in the bottom of your theme’s style.css file might help:


table.tribe-events-tickets td {
padding: 8px 10px !important;
}

---

Now, you will have to take the reins on any further customizing and design-tweaking, but I hope this thread is helpful.

If you need to write more custom CSS on your site, definitely check out a [free!] tool like Firebug if you use FireFox, or the Developer Tools for either Safari or Chrome. They have “Inspector” tools that let you zoom right over the element whose CSS you want to change.

Best of luck with your site,
George

[Matthew]

Hi George,

That’s great. All sorted. Thank you very much for your assistance.

[Matthew]

Hi George,

Apologies for contacting you again regarding this. I understand most design related issues are theme dependant and not yourselves but we can’t see anyway to hide ‘Cost’ from the details table above the map. Are you able to provide a bit of CSS to try to hide this too?

The ideal solution would be to hide Price altogether when using RSVP, or at least set it to TBC. There are no options under RSVP ticket settings but not all events using RSVP would be free. Am I missing something?

Many thanks

[George]

Hey Matthew,

You can remove that content with the following CSS:


.single-tribe_events #tribe-events-content .tribe-events-meta-group-details dt:nth-of-type(2) {
display: none !important;
}

.single-tribe_events #tribe-events-content .tribe-events-event-meta dd.tribe-events-event-cost {
display: none !important;
}


Cheers,
George

[Matthew]

Thanks George, that’s great.

[George]

Cheers Matthew—check out those tools for further CSS tweaking that I mentioned above, they’re life-savers!

Best of luck with your site,
George

[Author]

Posts