Styling meta fields–Checkbox and Radio Button–red "required" asterisk

[Ron]

I’ve added additional meta fields to my ticket that are required for the attendee to complete. Text fields work fine with the red “required” asterisk. Checkbox and Radio Button fields do not. The red asterisk is not next to the field name, as it should be, but falls on the line below, by itself.

All I can tell from the source code is that Checkbox and Radio Button fields add an additional HTML element of <header>. I’ve tried to set the <header> to display:inline, but that isn’t helping. Please let me know the necessary CSS to fix this. Thank you!

[Cliff]

Hi, Ron.

Sorry you’re experiencing this.

Could you please provide a link to view this in action at your site (ideally without any of your CSS fix attempts in place if they’re not working for you anyway)?

[Ron]

I ended up adding the following CSS to my theme stylesheet, and this seemed to work well enough.

.tribe-tickets-meta-field-header {
display:inline !important;
}
header.tribe-tickets-meta-label {
display:inline !important;
}
.tribe-tickets-meta-required header:first-child::after,
.tribe-tickets-meta-required label:first-child::after {
display:inline important;
}

[Cliff]

Okay. I’m glad you got it sorted out. Sorry for the extra effort here integrating with your theme’s styling.

Is there anything more I can help with on this topic?

[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