Event Espresso Custom CSS
/* Event Espresso – hide the event price in the registration form */
p.event_prices {display:none;}
.event_espresso_form_wrapper ul li {
margin-top: -20px;
margin-left: 122px;
white-space:nowrap;
list-style-type: none;
}
#event_espresso_attendee_verify tr:nth-child(2),
#event_espresso_attendee_verify tr:nth-child(4){
display: none;
}
#event_content .address-block br {
display: none;
}
/* EE4 – Hide Show Details */
.display-tckt-slctr-tkt-details.display-the-hidden.lt-grey-text.smaller-text {display:none;}
/* Change EE4 Price to free */
.ee-ticket-selector-ticket-price-th {
display: none;
}
/* Hide EE4 Price table header */
.tckt-slctr-tbl-td-price {
display: none;
}
/* Change EE4 default iCal square box to iCal icon */
.espresso_events .ee-ical-sbmt {
background: url(http://plportal-dev.palibrary.org/wp-content/plugins/event-espresso-core-master/images/icons/calendar_link.png);
border: none;
width: 25px; /* Width of new image */
height: 25px; /* Height of new image */
}
/* Change EE4 Register default font to Ubuntu */
.ticket-selector-submit-btn {
border-top: 1px solid #96d1f8;
background: #65a9d7;
padding: 5px 10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
-moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
box-shadow: rgba(0,0,0,1) 0 1px 0;
text-shadow: rgba(0,0,0,.4) 0 1px 0;
color: white;
font-size: 14px;
text-decoration: none;
vertical-align: middle;
}
.ticket-selector-submit-btn:hover {
border-top-color: #28597a;
background: #003364;
color: #ccc;
}
.ticket-selector-submit-btn:active {
border-top-color: #1b435e;
background: #1b435e;
}
#spco-go-to-step-finalize_registration-submit {
border-top: 1px solid #96d1f8;
background: #65a9d7;
padding: 5px 10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
-moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
box-shadow: rgba(0,0,0,1) 0 1px 0;
text-shadow: rgba(0,0,0,.4) 0 1px 0;
color: white;
font-size: 14px;
text-decoration: none;
vertical-align: middle;
}
#spco-go-to-step-finalize_registration-submit:hover {
border-top-color: #28597a;
background: #003364;
color: #ccc;
}
#spco-go-to-step-finalize_registration-submit:active {
border-top-color: #1b435e;
background: #1b435e;
}
/* Hide Use Attendee #1’s information for ALL attendees */
#spco-copy-attendee-dv {
display: none;
}
/* Hide the Attendee Price and Total Price rows */
.spco-ticket-info-dv th:nth-of-type(3),
.spco-ticket-info-dv td:nth-of-type(3),
.spco-ticket-info-dv th:nth-of-type(4),
.spco-ticket-info-dv td:nth-of-type(4) {
display: none;
}
1G
.tkt-slctr-tbl-wrap-dv thead {
background-color: #F1D9C8;
}
.tkt-slctr-tbl-wrap-dv tbody {
background-color: #F2F1EF;
}
/* Hide events on events listing page that have a tag of hidden */
.post-type-archive-espresso_events .type-espresso_events.tag-hidden {display: none;}
/* Remove the “1 Attendee Information” heading */
#spco-steps-display-dv, #spco-steps-big-hdr {
display: none;
}
Remove the details table (Name and Description, Quantity, Price, Total) and the “Details” table name.
That table can be removed using:
.spco-ticket-info-dv {
display: none;
}
Remove the “Attendee 1” label.
You can use:
.spco-attendee-lgnd {
display: none;
}
Change Registration colors
#ee-single-page-checkout-dv #spco-steps-big-hdr,
#ee-single-page-checkout-dv .spco-steps-display-hdr{
color: #000;
}
#ee-single-page-checkout-dv .inactive-step .spco-step-big-nmbr {
color: grey;
}