|
dee4dogs
|
March 14, 2020 at 1:31 am
On our registration form the headings in the table are are:
Name and Description (no set width)
Price (15% width)
Number of dogs (5% width)
Total (15% width)
The text “Number of dogs” is all stacked up and squashed because the column width is so thin. I want to increase the width to 15% so that it displays nicely.
However… I cannot find what to edit, or where to edit… to make this happen.
Any tips?
Thank you.
Dan
|
|
Tony
|
March 16, 2020 at 8:49 am
Hi Dan,
You don’t edit any files, you add your own CSS:
.spco-ticket-details th:nth-of-type(2) {
width: 15%;
}
Add that to Appearance -> Customize -> Additional CSS and it should set the width of that column to 15%.
|
|
dee4dogs
|
April 1, 2020 at 6:49 am
Thanks for your reply. That didn’t work… it’s the next form I am talking about. The “stage 2” payment options. I tried:
.spco-payment-info-table th:nth-of-type(3) {
width: 15%;
}
and also
.spco-payment-info-table th:nth-of-type(2) {
width: 15%;
}
|
|
Josh
|
April 1, 2020 at 7:32 am
Hi,
When styling the width of table columns, you will also need to set the width of the cells too. e.g.
.spco-ticket-details th:nth-of-type(2),
.spco-payment-info-table tbody tr td:nth-of-type(2) {
width: 18%;
}
|
|
dee4dogs
|
April 1, 2020 at 7:53 am
That didn’t work either… puzzled it out, and got to:
#spco-payment-info-table thead tr th:nth-of-type(3) {
width: 15%;
}
That worked for me. Thanks for the help. Got there in the end.
|
|
Josh
|
April 1, 2020 at 8:15 am
The CSS in your last reply is for the payment information page.
|
