Ticket order table background color not changing even when editing CSS

[Arthur Zetes]

Hey guys,

I want to change the color of the background of the ticket table on single event pages, but I cant seem to change it. I followed the instructions in other threads.

I have the following CSS in the plugin “Custom CSS Manager Plugin ”
.tribe-events-list .type-tribe_events,
table.tribe-events-tickets,
table.tribe-events-tickets td {
background-color: #f8f8f8 !important;
}

Do you guys have any idea on how to fix it?

but its not working.

The color still stays white.
I dont know what the problem would be other than in the css there would be a problem somewhere else.

`/*navigation buttons*/
.tribe-events-sub-nav li,
.prev-link, .next-link,
#learndash_back_to_lesson, .tribe-events-back{
margin: 5px;
text-align: right;
border: 1px solid black;
padding: 5px 20px;
background-color: #424242;
border-radius: 5px;
box-shadow: 0px 2px 2px 0px grey;
max-width: 30%;
}

/*buttons on left*/
.tribe-events-sub-nav li a,
.prev-link, #learndash_back_to_lesson, .tribe-events-back,
.tribe-events-nav-previous{
float: left;

}

/*buttons on right*/
.tribe-events-nav-next a,
.next-link {
float: right;
}

/*navigation buttons text*/
.tribe-events-back a,
ul.tribe-events-sub-nav a,
a.next-link, a.prev-link, #learndash_back_to_lesson a{
color: white !important;
text-decoration: none !important;
}

/**/

/*shopping cart table – make product images bigger*/
table.shop_table.cart tbody tr.cart_item td.product-thumbnail img {
height: 100px;
width: 100px;
}

.woo-menu-cart {
display: none !important;
}

/*hide cart message*/
.woocommerce-checkout .woocommerce .woocommerce-message {
display:none !important;
}

/*fix the checkout page to make it look nicer*/

.input-text, .select2 {
text-align: left;
background-color: #FEFEFE;
border: 1px solid #000 !important;
border-radius: 5px;
box-shadow: 0px 2px 2px #eee;
}

.button.checkout-button.button.alt.wc-forward.rc-submit{
padding: 30px 20px 30px 20px;
font-size: 2em;

}

select {

box-sizing: border-box;
border: 1px solid #000;
color: #000;
font-size: 17px;
height: 36px;
padding: 0 15px;
width: 100%;
box-shadow: 0px 2px 2px #eee;
background-color: #fff;
}

#place_order {
padding: 10px 20px 10px 20px;
background-color: #ff7700 !important;
align: center;
font-size: 1em !important;
color: #fff !important;
border: none !important;
border-radius: 5px !important;
font-weight: 900 !important;
clear: left;
float: left;
}

.input {
color: #808080;
}

.form-row.form-row-first,
.form-row.form-row-last {
float: left;
width: 49.5%;
}

.form-row-first {
clear: left;
}

.form-row-last {
clear: right;
margin-left: 1%;
}

.form-row.form-row-wide {
clear: both !important;
width: 100% !important;
}

#billing_country_field {
clear: both;
width: 88% ;
float: left;
}

.woocommerce-additional-fields{
display: none !important;
}

.wc-terms-and-conditions {
clear: both;
float: left;
}

/*hide coupons display on checkout*/
.sc_info_box {
position: relative;
padding: 1em 2%;
margin: 1em 0;
font-size: .92em;
line-height: 1.5em;
background-color: #f7f6f7;
border-radius: 5px;
float: left;
width: 100%;
display: none;
}

/*fix shopping cart */
table.shop_table.cart thead {
border-left: 1px solid #ececec;
border-right: 1px solid #ececec;
border-top: 1px solid #ececec;
background-color: #4773B4;
color: #fff;

}

/*changes the placeholder text color*/
input::-webkit-input-placeholder {
color: #666666 !important;
}

input:-moz-placeholder { /* Firefox 18- */
color: #666666 !important;
}

input::-moz-placeholder { /* Firefox 19+ */
color: #666666 !important;
}

input:-ms-input-placeholder {
color: #666666 !important;
}

textarea::-webkit-input-placeholder {
color: #666666 !important;
}

textarea:-moz-placeholder { /* Firefox 18- */
color: #666666 !important;
}

textarea::-moz-placeholder { /* Firefox 19+ */
color: #666666 !important;
}

textarea:-ms-input-placeholder {
color: #666666 !important;
}

input[type=”email”]::-webkit-input-placeholder {
color: #666666 !important;
}

input[type=”email”]:-moz-placeholder { /* Firefox 18- */
color: #666666 !important;
}

input[type=”email”]::-moz-placeholder { /* Firefox 19+ */
color: #666666 !important;
}

input[type=”email”]:-ms-input-placeholder {
color: #666666 !important;
}

/*Submit buttons*/
button.tribe-button,
.tve-woocommerce .woocommerce .wc-proceed-to-checkout a,
.tve-woo-btn,
.tve-woocommerce .woocommerce p.return-to-shop a.button,
button.button,
input.button[type=”submit”], .cnt ul.products li a.added_to_cart,
.cnt ul.products li .add_to_cart_button,
.cnt ul.products li .button.product_type_external,
.product .cart .single_add_to_cart_button,
.product .woocommerce-tabs #tab-reviews.panel.entry-content #reviews #review_form_wrapper #review_form .comment-respond .comment-form .form-submit input[type=”submit”],
table.shop_table.cart tbody tr td.actions input[type=”submit”],
.cart-collaterals .cart_totals .woocommerce-shipping-calculator button,
.cart-collaterals .checkout-button, .checkout_coupon input[type=”submit”],
.cnt .checkout .place-order #place_order, .addresses .address header a,
.addresses .col-1 header a,
.addresses .col-2 header a,
#customer_login .button {
padding: 10px 20px 10px 20px ;
background-color: #ff7700 ;
font-size: 1em ;
color: #fff ;
border: none ;
border-radius: 5px ;
font-weight: 900 ;
cursor: pointer;
cursor: hand;

}

/*Orange buttons for completing or submitting*/
#learndash_mark_complete_button,
.wpProQuiz_button{
padding: 10px 20px 10px 20px;
background-color: #ff7700;
font-size: 1em;
color: #fff;
border: none;
border-radius: 5px;
font-weight: 900;
width: 40%;
margin: 0px 30% 0px 30%;
cursor: pointer;
cursor: hand;
}

#bbp_reply_submit,
#bbp_topic_submit {
padding: 10px 20px 10px 20px;
background-color: #ff7700;
font-size: 1em;
color: #fff;
border: none;
border-radius: 5px;
font-weight: 900;
cursor: pointer;
cursor: hand;
}

/*add to cart button*/
.product form.cart .single_add_to_cart_button {
margin-left: 24px;

}

/* This changes the text boxes to look cooler */
.mp_wrapper textarea,
.mp_wrapper select,
.mp_wrapper input[type=text],
.mp_wrapper input[type=url],
.mp_wrapper input[type=email],
.mp_wrapper input[type=tel],
.mp_wrapper input[type=number],
.mp_wrapper input[type=password] {
width: 100% !important;
outline-style: none !important;
font-size: inherit !important;
font-family: inherit !important;
padding: 10px !important;
letter-spacing: normal !important;
border: 1px solid rgba(0, 0, 0, 0.2) !important;
margin-bottom: 10px !important;
display: inline;
box-sizing: border-box;
background-color: #edf1f7 !important;
border-radius: 3px !important;
box-shadow: 0px 1px 3px #bbb !important;
}

/*Woocommerce Menu Items*/

li.woocommerce-MyAccount-navigation-link {
box-shadow: 1px 4px 6px -6px rgba(1,1,1,0.16);
font-weight: bold;
font-size: 1em;
color: #fff !important;
line-height: 1em;
background-color: #e8ecf2;
position: relative;
border-left: 1px solid #bbb;
list-style: none;
padding: 10px 10px;
margin: 0px 0px 10px 0px;
display: block;
float: left;
}

nav.woocommerce-MyAccount-navigation {
width: 100%;
}

.woocommerce-MyAccount-content{
margin-top: 20px;
clear: left;
}

.woocommerce-MyAccount-navigation ul {
margin: 0px 5% 0px 0px;
margin-bottom: 0px;
}

/*woocommerce login form*/

.woocommerce-EditAccountForm edit-account fieldset, .woocommerce-form-login {
display: block;

}
.woocommerce-EditAccountForm edit-account fieldset, .woocommerce-LostPassword a {
display: block;
float: left;
}
}

/*change password on my account page*/

fieldset {
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
margin: 0;
padding: 0;
width: 100%;
}
/*woocommerce memberships table*/
td.my_account_memberships{
white-space: nowrap;
float: left;

}

/*prevent membership plan name form becoming too long*/

.woocommerce-account th.membership-plan, .woocommerce-account td.membership-plan {
width: 20%;
}

.woocommerce table.my_account_orders td.order-actions a {
font-size: 16px;
padding: 5px 5px;
background: #ebebeb;
color: black;
border: black dotted 1px;
border-radius: 5px;
}

.woocommerce-account th.membership-plan, .woocommerce-account td.membership-plan {
min-width: 0%;
}

/*make it so that the membership content doesnt fall into the account menu*/

.woocommerce-MyAccount-navigation-link a {
color: black !important;
text-decoration: none;
}

/*Hide membership discount message*/
.wc-memberships-member-discount-message {
display: none;
}

/*Thrive Theme editing */
/*Widget Header Titles*/
.cnt .sAs .ttl {
box-shadow: 1px 4px 6px -6px rgba(1,1,1,0.16);
font-weight: bold;
line-height: 1em;
margin-bottom: 20px;
position: relative;
padding: 10px;
font-size: 20px;
color: white!important;
background-color: #4773B4;
top: -2px;
}

/*Multiple Vendors*/
/*Hide sold by message on product page*/
.wcpv-sold-by-single {
display: none;
}

/*—————–Fooevents—————–*/

.fc-toolbar {
text-align: center;
margin-bottom: 1em;
float: right;
clear: both;
}

/*fooevents calendar item*/
.fc-day-grid-event {
margin: 0px 2px 5px 2px;
padding: 2px 2px;
border-radius: 5px;
background-color: #b3ffb3;
color: #002 !important;
border: 1px solid black;
text-align: center;
}

fc-view, .fc-view > table {
position: relative;
z-index: 1;
float: left;
clear: both;
}

/*—————–bbPress—————–*/
/*make the forum topics text in teh table nicer*/
a.bbp-forum-title,
li.bbp-topic-title{

color: #000 !important;
font-size: 1.3em;
font-weight: bold;
text-decoration: none !important;
}

/*forum buttons*/
div.bbp-submit-wrapper {
margin-top: 15px;
/* float: right; */
clear: both;
}

/*new topic box*/
#bbpress-forums fieldset.bbp-form {
border: 1px solid #eee;
padding: 10px 20px;
margin-bottom: 10px;
width: 90%;
}

/*make the submit buttons appear the right width*/

span.bbp-admin-links a {
color: #fff;
font-weight: 400;
font-size: 14px;
text-transform: uppercase;
text-decoration: none !important;
background-color: #4773B4;
padding: 5px;
border-radius: 5px;
line-height: 40px;
}

a.bbp-topic-permalink,
#bbpress-forums div.bbp-topic-content a, #bbpress-forums div.bbp-reply-content a {
background: none;
border: 1px solid black;
display: inline;
font-weight: 800;
margin: 0;
padding: 5px;
color: black;
border-radius: 5px;
text-decoration: none;
}

/*—————–LearnDash—————–*/
/*Course Navigation Widget Menu*/
/*arrow*/
.learndash_navigation_lesson_topics_list .list_arrow.collapse {
background-position: 5px;
cursor: pointer;
cursor: hand;
}

.learndash_navigation_lesson_topics_list .list_arrow.expand {
background-position: 50% 30px;
cursor: pointer;
cursor: hand;

}

#course_navigation .learndash_navigation_lesson_topics_list .lesson {
margin: 0px 0px;
padding: 10px 0px;
border-bottom: 1px;
border-top: 1px double;
border-color: #4773B4;
}

#course_navigation .learndash_navigation_lesson_topics_list ul li {
margin-left: 0;
list-style: none;
background: #fcfcfc;
}

/*lesson titles*/
a.lesson {
text-decoration: none;
font-weight: 900;
color: black;
font-size: 14px !important;
}

/*previous lesson next lesson link*/
a.prev-link{
border-right: 1px solid black;
float: lef !importantt;
}

a.next-link{
float: right !important;
text-align: right;
border-left: 1px solid black;
}

a.learndash_topic_widget_list {

color: #767575;
}

/*Course navigation */

div.learndash-current-menu-item,
li.learndash-current-menu-item,
.active.learndash-current-menu-ancestor {
background: #eaeaea !important;
}

/*The Events Calendar*/
.tribe-events-list .type-tribe_events,
table.tribe-events-tickets,
table.tribe-events-tickets td {
background-color: #f8f8f8 !important;
}

[Geoff B.]

Good evening Arthur and welcome to the Events Calendar Support forum!

Thank you for reaching out to us.
I would love to help you with this topic.

I believe the only issue is the fact that the selected color (f8f8f8) is too pale and passes as white on your screen.

Try adding the following CSS rule to your style.css file or in your Custom CSS metabox instead:

.single single-tribe_events table.tribe-events-tickets td {
background-color: #e5e5e5!important;
}

Let me know how that goes.

Best regards,
Geoff B.

[Support Droid]

Hey there! This thread has been pretty quiet for the last three weeks, so we’re going to go ahead and close it to avoid confusion with other topics. If you’re still looking for help with this, please do open a new thread, reference this one and we’d be more than happy to continue the conversation over there.

Thanks so much!
The Events Calendar Support Team

[Author]

Posts