Skip to content

Instantly share code, notes, and snippets.

@sisaacrussell
Last active July 11, 2020 12:00
Show Gist options
  • Save sisaacrussell/7b4c208a1442e8b660afdaa2cabe31bb to your computer and use it in GitHub Desktop.
Save sisaacrussell/7b4c208a1442e8b660afdaa2cabe31bb to your computer and use it in GitHub Desktop.
Custom CSS for Tribe Events Plugin
/*
*
* Custom CSS for Tribe Events Plugin
*
*/
/* Ticket page styling */
.tribe-rsvp-message-success {
background-color: #dff7dd;
border-color: #008000;
}
.tribe-rsvp-message {
font-size: 1.375em;
font-weight: bold;
text-align: center;
padding: 27px 43px 17px 66px;
color: #7ea57b;
border: 1px solid #008000;
-moz-box-shadow: inset 0 0 45px #cbe5c9;
-webkit-box-shadow: inset 0 0 45px #cbe5c9;
box-shadow: inset 0 0 45px #cbe5c9;
text-shadow: 1px 1px 1px #ffffff;
}
tr.tribe-tickets-order_status-row {
display:none
}
span.tickets_nostock {
color:red
}
.tribe-tickets-rsvp .tribe-tickets-remaining {
font-size: .8em
}
.tribe-tickets-rsvp .tribe-ticket.quantity {
border-bottom: none
}
.tribe-tickets-rsvp .tickets_name {
font-size: 1.375em
}
.tribe-tickets-rsvp .tickets_description {
font-size: 1em
}
.tribe-tickets-rsvp .tickets_name {
border: none;
margin-top: 10px ;
width: 20%;
color: #00AFB6;
font-weight:bold;
}
.tribe-tickets-rsvp .tribe-ticket.quantity input.tribe-ticket-quantity {
font-size:1em;
color:#00AFB6;
font-weight:bold;
}
.tribe-tickets-rsvp .tribe-ticket.quantity {
display: table-cell;
vertical-align: inherit;
}
.tribe-tickets-rsvp input[type=date], .tribe-tickets-rsvp input[type=datetime-local], .tribe-tickets-rsvp input[type=email], .tribe-tickets-rsvp input[type=month], .tribe-tickets-rsvp input[type=number], .tribe-tickets-rsvp input[type=password], .tribe-tickets-rsvp input[type=search], .tribe-tickets-rsvp input[type=tel], .tribe-tickets-rsvp input[type=text], .tribe-tickets-rsvp input[type=time], .tribe-tickets-rsvp input[type=url], .tribe-tickets-rsvp input[type=week], .tribe-tickets-rsvp select, .tribe-tickets-rsvp textarea {
font-size: 1em;
}
td.tribe-tickets-attendees, td.add-to-cart {
margin-top: ;
background:#00AFB6;
font-weight: bold;
color:#fff;
}
/* Widget styling */
.tribe-event-duration {
font-size: .9em;
line-height: 1.2em;
color: #00AFB6;
padding-top: 0;
margin-bottom: 0;
}
.tribe-event-title {
font-weight: normal!important;
padding-top: .25rem;
padding-bottom: 0;
}
.tribe-events-list-widget .tribe-events-list-widget-events {
font-weight: normal!important;
margin-bottom: .25rem;
}
.tribe-events-page-template #main-content .container:before {
content: none;
}
#main-content .tribe-events-list-widget-events .entry-title {
font-size: 1em;
padding-bottom: 0;
}
#main-content .tribe-events-list-widget ol {
padding: 0;
}
.tribe-events-list-widget ol li {
margin-bottom: 1em;
margin-left: -1em;
}
#tribe-events-pg-template .tribe-events-content ul li {
margin-bottom: 0
}
#main-content .tribe-events-widget-link a:hover, a.more-link:hover {
text-decoration: underline;
}
#tribe-events-content {
margin-bottom: 0;
}
/* Global Main Button Style */
.tribe-events-button,
#tribe-events .tribe-events-button, #tribe-events .button {
background: #00afb6;
border-radius: 7px;
border: 2px solid;
font-size: 25px;
font-weight: 500;
line-height: 1.7em !important;
padding: 0.3em 1em;
text-decoration: none;
text-transform: none;
}
.tribe-events-button.tribe-active {
background-color: #00afb6;
color: #fff;
}
.tribe-events-button.tribe-inactive,
.tribe-events-button:hover,
#tribe-events .tribe-events-button:hover,
.tribe-events-button.tribe-active:hover, #tribe-events .button:hover {
background-color: #19b7bd;
color: #fff;
text-decoration: none;
}
/* Calendar Add Buttons */
a.tribe-events-ical,
a.tribe-events-gcal {
color: #fff;
float: right;
font-size: 1em;
font-weight: 500;
line-height: 1.7em;
margin-top: 21px;
padding: 0 6px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment