Participant Options Not Formatting Correctly - TeamRaiser

Austen Brown

For one of our TeamRaiser events, when a user gets to the registration form where they are to choose a Participant Option, the options are appearing in an inconsistent/confusing way (see attached screenshot).  Where do I find the code to fix this? Do you have any recommended solutions for a change in code?


I would like to add that we have another TeamRaiser event that is live and the Participant Options are formatted correctly and consistently.

 

Mark Becker

Hi Austen,


I would guess this is due to some type of errant code in the wrapper.  Do both events share the same one?

Feel free to connect with me directly at mark@cathexispartners.com 

Austen Brown

Mark Becker‍ - Thanks for the reply! The two events have their individual page wrappers. Is there a way to easily compare the page wrappers to see what is different in each? 

Mark Becker

Hi Austen and happy Friday!


This would most likely need to be fixed through CSS.... so we'd need access to their instance to see how that wrapper was built and which style is causing the mis-alignment.

Are you going to be at BBCon?  If so, stop by our booth and we can have a look see. 

Austen Brown

Mark Becker‍ - Yes I will be a BBCon.  Thanks for your offer to help with this. 

Mark Becker

Great!  I am sure we can figure it out in no time if you can wait until then.

We are booth #403 in the Expo hall.   

Philip Nawrocki

Not trying to step on Mark Becker‍ toes for BBCon, but Austen Brown‍ If you posted a link to the TR in question right now, the community could probably help you solve this.


Just trying to help you not wait 2 weeks.


Thanks,


Phhil

Austen Brown

Philip Nawrocki‍ links to the each event's registration page are below.  Thank you for your offer to help.

Event with Formatting Issue

Event with Correct Formatting

 

Philip Nawrocki

Hey Austen,


If you want a quick fix. Try making the descriptions for Recreation and Advanced participation types shorter.


In the event that works they are super short, so the issue isn't appearing, but if you made the descriptions longer, they would.


You could take this copy off right away from all three options:
Available to all players.


Will see what else I can come up with code-wise.


Phil

Romany Nassief

Following CSS will do the trick

div.part-type-container{
  border: 2px solid transparent;
  margin: 5px 0;  
}
div.part-type-container input{
  float: left;
}
div.part-type-container .part-type-decoration-messages{
  display: block;
  margin-left: 35px;
}

Austen Brown

Romany Nassief‍ Thank you so much! It's fixed!