|
ATPI.org
|
January 13, 2023 at 3:45 pm
I have multiple types of tickets on my form and I’m wondering if there is an easier way to create spacers between each section. Right now I’m just creating a ticket named “——–” with zero tickets available (so it shows Sold Out) but that lets me create separate sections. Just wondering if there is a cleaner way to do it. Let me know if you need to see it on our site. It is currently password-protected. Thanks.
|
|
ATPI.org
|
January 13, 2023 at 3:46 pm
Forgot to check the box to notify me of replies.
|
|
Garth
|
January 13, 2023 at 4:25 pm
Can you use CSS to add space between the rows?
|
|
ATPI.org
|
January 13, 2023 at 4:27 pm
I can look at that option. Is it possible to add CSS in between tickets on a registration form?
|
|
ATPI.org
|
January 13, 2023 at 4:29 pm
This reply has been marked as private.
|
|
Tony
|
January 16, 2023 at 5:37 am
Hi there,
It depends on what your trying to do really.
The ticket selector is a table so you could use some CSS to add extra padding to specific tickets to add spacers, or we have an example of adding in extra rows for additional ‘headers’ in the table:
https://gist.github.com/joshfeck/bee2bf7d59be77b363a7054dfd34bf45
That’s using the ticket selector CSS class to add a new row before specific tickets, for example in that snippet if you changed line 9 to be:
$(".ee-ticket-individual-on-site-contests")
That would add a row before with a title ‘Registration’.
Does that help?
|
|
ATPI.org
|
January 16, 2023 at 11:30 am
I’ll give that a try. Thanks!
|
|
ATPI.org
|
January 16, 2023 at 12:43 pm
Tony – where would you add the text example from Github? Would that need to be added to a custom plug-in or does that go somewhere within Event Espresso setup?
|
|
Tony
|
January 16, 2023 at 1:50 pm
All PHP code snippets would go within a custom functions plugin, we have some documentation on creating one here:
https://eventespresso.com/wiki/create-site-specific-plugin-wordpress-site/
Multiple sippets can be placed within a single plugin, just depends how you want to manage those.
|
|
ATPI.org
|
January 16, 2023 at 2:11 pm
Tony – I was able to add the headers. Thanks! One more question – how do I change the shading so the header matches the section it is for? You can look at the registration page again to see what I am seeing.
|
|
Tony
|
January 17, 2023 at 4:33 am
Sorry, I’m not sure I follow.
By shading do you mean the font-weight or background?
All of the ‘sections’ are the same currently as far as I can tell.
|
|
ATPI.org
|
January 17, 2023 at 10:02 pm
Sorry for the delay in responding. I’m talking about the shaded background behind each ticket. Events and Contests has a gray background, but then Individual On-Site Contests is white. Memberships is white but then each membership ticket is gray. I just wasn’t sure if there was a way to control when it changes. Thanks!
|
|
Tony
|
January 18, 2023 at 3:46 am
Ah, apologies, that just highlighted how poorly my monitor was set up! I couldn’t see that at all on one of the monitors and didn’t even think to switch.
So that’s actually some styles from your theme, its style odd and even rows, adding in those additional single rows throws off the count so you see different styling.
Controlling each of those ‘sections’ could be done, but it will need to be done by row count which ends up being fragile or starting each specific row, which then you need to remember to update as you add more tickets.
The other option is to force th background to be the same for all rows.
If you let me know which option you’d like to use I’ll advise further on how to do it.
|
|
ATPI.org
|
January 18, 2023 at 12:15 pm
OK. That makes more sense that this is coming from the theme. I won’t worry about it then. Thanks!
|
|
Tony
|
January 18, 2023 at 1:12 pm
If just want them all uniform you can use something like this:
.tkt-slctr-tbl tr td {
background: none!important;
}
Add that to Appearance -> Customize -> Additional CSS.
It specifically targets the ticket selector rows and removes the background from them all.
|
|
ATPI.org
|
January 20, 2023 at 3:56 pm
That took care of it. Thanks! You can close the ticket.
|
|
Tony
|
January 20, 2023 at 3:59 pm
Awesome, your most welcome 🙂
|
