|
rjordanactp
|
July 8, 2019 at 7:36 am
Good day,
We are currently finalizing our ticket options for an upcoming conference and have had a couple of questions come up regarding ticket selector customization.
We currently have the ticket selector on a test page here:
https://www.myactp.com/event-registration-test/
The two main questions that have come up so far are:
1)How can the width of the overall table and columns be changed? CSS and tables are something I am not too familiar with, I currently have tried #details-3882.ee-ticket-selector-ticket-details-th th {
width: 10px;
}
without any success so I am sure I’m missing something straightforward.
2) The more involved question is this: The first 5 tickets in the selector are the actual event tickets, everything else are optional add-ons. Is it possible to add a gap and a new header to the bottom group stating something to that effect?
Thanks for the assistance,
Robert
|
|
rjordanactp
|
July 8, 2019 at 8:33 am
Update: I’ve fixed our first question regarding column widths, fat fingers were at play today.
A new question has arisen, when hiding pending items, the border for all the rows still shows creating an extra thick border across one row. Is there a way to collapse them into a single border?
Thanks again
|
|
Josh
|
July 8, 2019 at 11:13 am
Hi,
The extra borders you’re seeing are actually from other table rows where you’ve hidden their contents with CSS.
What you could do instead is go to Event Espresso > Events > Templates and set the option “Show Ticket Details?” to No. This will remove the html of the elements you’ve set to display:none and remove those extra border lines.
|
|
rjordanactp
|
July 8, 2019 at 1:26 pm
Josh,
Thanks, that fixed one problem. Any advice on the second? I’ve kind of cobbled together something using a throw-away ticket line and hiding it but it seems like not the most efficient method.
Thanks again,
Robert
|
|
Josh
|
July 8, 2019 at 1:44 pm
You could inject some custom jQuery to the page to insert a new table row that spans all columns and add your label there.
|
