|
mbeede@tracom.com
|
April 29, 2019 at 11:42 am
Greetings – I am customizing the Registration Page. I am working on the Details table. I have removed the Price and Totals columns and renamed the Quantity column using the following CSS (that you helped me with):
/* Registration Page, Ticket Details Table: Change Qty column to “Quantity” */
.spco-ticket-info-dv table thead tr > th:nth-of-type(2) {
font-size: 0pt;
}
.spco-ticket-info-dv table thead tr > th:nth-of-type(2):before {
content:”Quantity”;
font-size: 16px;
}
/* Registration Page, Ticket Details Table: Remove Price and Total columns */
.spco-ticket-info-dv table thead tr > th:nth-of-type(3),
.spco-ticket-info-dv table thead tr > th:nth-of-type(4),
.spco-ticket-info-dv .item .item_c,
.spco-ticket-info-dv .item .item_r {
display: none;
}
But now the Session and Quantity column headers (text) do not line up vertically. I have tried everything I can think of css-wise and still can’t get it. Can you help out? If you want to see the page:
* Go here: https://tracomtests.wpengine.com/sessions/cert-virt-social-style
* Select any session, then the Registration Now button
* The Registration page displays. The first table is what I am working on.
Also, while I am at it, under Purchase Confirmation can you make an adjustment so that the checkbox after the “Check here to confirm…” text comes BEFORE the text, like the “I consent…” checkbox after that?
Thanks in advance – Mark
|
|
Josh
|
April 29, 2019 at 12:02 pm
May I ask did you try the vertical-align property, and if so, which selector?
|
|
mbeede@tracom.com
|
April 29, 2019 at 1:11 pm
Josh – I went deeper into the Chrome inspector and found that this gets them all lined up vertically:
.table thead th, table thead th {
vertical-align: top;
}
It’s more general than I would like but it works.
Next, the first checkbox under the Purchase Confimation section appears AFTER the text for it. It’s part of the registration form elements. Can you help me move the checkbox to before the text (like the second checkbox is). Use the steps I listed above to get to that screen so you can see the latest…
Thanks, Mark
|
|
Josh
|
April 29, 2019 at 1:15 pm
Hi Mark,
If you set the value of the custom checkbox question to be “Check here to confirm that you have” … and set the question name to something like “Purchase Confirmation”, then the checkbox will appear before the answer value. Then you simply set the question group option to not display the question Group name.
|
