|
mbeede@tracom.com
|
April 23, 2019 at 3:38 pm
Greetings – I need to make some changes to the Ticket Details table on my Registration-Checkout page. Let me just point you to the page, so you can see it:
Go to: https://tracomtests.wpengine.com/sessions/cert-virt-social-style
Select any class, then select the Register Now button.
So I am talking about the “Details” table near the top of the registration page. Here is what I need to do to it:
1) Change the word “Details” to “Session Information”
2) Change the Name and Description column hear text to “Session”
3) Remove the Price column completely.
4) Remove the Total column completely.
5) Remove the “(For Virtual Certification – SOCIAL STYLE)” part of the text in the name and description column, so it just displays the day, date, time.
I tried using Chrome Dev Tools (Inspect) and CSS without much success. I must be accessing the different elements wrong.
Thanks in advance – Mark
|
|
Josh
|
April 24, 2019 at 12:14 pm
Hi Mark,
The following CSS will do what you’re looking to change:
/* 1 */
.spco-ticket-info-dv h5 {
text-indent: -9999px;
margin: 0;
}
.spco-ticket-info-dv:before {
content:"Session Information";
font-weight: bold;
font-size: 1.32rem;
}
/* 2 */
.spco-ticket-info-dv table thead tr > th:first-of-type {
font-size: 0pt;
}
.spco-ticket-info-dv table thead tr > th:first-of-type:before {
content:"Session";
font-size: 16px;
vertical-align: bottom;
}
/* 3 & 4 */
.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;
}
/* 5 */
.spco-ticket-info-dv .item .item_l span {
text-indent: -9999px;
display: inline-block;
}
|
