Title Spacing on Ticket Fieldset

[Emily Nein]

I’m trying to find the .css to make the titles in the fieldsets line up on the left above the fields. The ones on the text fields work fine, but the titles above the checkboxes or radio buttons don’t. Can you please take a look and see what I’ve done wrong or what I might to do fix?

Thanks in advance!

http://loudounsportstraining.com/event/lst-hoop-it-up-summer-camp/

[Cliff]

Hi.

Your Attendee Meta form fields look like this: http://cl.ly/3s3r0z0r2X2e

This is due to this CSS directly printed to the page (unsure how this is being added to the page):

input[type=”text”], input[type=”password”], input[type=”email”], textarea, select {
margin-bottom: 15px;
width: 100%;
}

You could change that 100% to 70% to look like this: http://cl.ly/110m3e2d1J0v

Or just remove that custom width to look like this: http://cl.ly/3X1c2N1r1U1P

Other than that, you’ll probably need to contact your theme author for further customization assistance.

Let me know if this helped.

[Emily Nein]

in either of the cases shown in the links, some of the titles aren’t lined up right, they are off in the middle…see “early bird drop off” and “late pick up” and “t-shirt size”

that’s why i’m perplexed…the other titles are all lined up on the left.

i like the way the others look as in your first screenshot.

Thanks!

[Cliff]

Oh, I see: http://cl.ly/3K00280W1P0E

I don’t know why they’re like that. Could you please provide me a screenshot of your Event Tickets setup for this ticket on this event? (the more screenshots the better)

[Emily Nein]

yeah! that’s it! attaching screenshot below:

thanks!

[Brook]

Cliff is out for the week lpoindexter, but I would love to help you.

Thank you for sharing that. It looks like this might be a bug on our end, we should probably be adding the clearfix class to each of those additional field groups. Until that’s fixed properly though you could add the following CSS to one of your theme’s files:

.tribe-tickets-meta:after {
content: '';
display: table;
clear: both;
}

That will basically make the current CSS class for those elements a clearfix class. IDoes that work?

Cheers!

– Brook

[Emily Nein]

Hi Brook! I really appreciate your help, but that didn’t do the trick 🙁

I even deleted all of the other custom css that I had added to see if it made a difference, but no luck.

Any other ideas?

Thanks!!

[Cliff]

Hi. Popping in real quick.

Here’s a video demonstrating the CSS Brook provided: http://cl.ly/2N0b1f0u2M2j

You can add custom CSS code via your child theme’s style.css file or via a plugin like Simple Custom CSS or, my favorite, Jetpack. Jetpack supports regular CSS and the LESS and Sass pre-processors.

If you’re not a CSS expert, Jetpack’s Custom Design reference may prove helpful.

Please let me know how it goes for you.

P.S. I’ll mark this ticket as Pending Fix, which means this thread should receive a reply if/when the applicable fix has been released. I cannot guarantee if/when it will be fixed as it’s in the development team’s hands now. They need to decide how to handle it, assign it, code it, test it, and schedule it for release. I apologize for this issue and appreciate your understanding and patience.

[Support Droid]

This topic has not been active for quite some time and will now be closed.

If you still need assistance please simply open a new topic (linking to this one if necessary)
and one of the team will be only too happy to help.

[Victor]

Hi Emily!

Just wanted to quickly share with you that a new release of our plugins is out, in which this issue is no longer present.

You can find out more about this release → https://theeventscalendar.com/maintenance-release-for-the-week-of-6-may-2018/

We apologize for the delay in notifying you.

Please update the plugins and don’t hesitate to open a new topic if anything comes up.

Best,
Victor

[Author]

Posts