The Events Calendar – Event Tickets conflict – Ticket not showing – SOLVED

Victoria

Could you please at least let me know which template file needs modification? I can’t hire someone for this project but maybe I can just eliminate the Enfold override.

If I find a solution I will post it as I’m sure this new ticketing aspect of The Events Calendar will become popular very quickly.

Thanks
David

Thank you Nikko

I think there may be something really simple here that I am just missing.

When you make the browser window narrow like mobile view, then the ticket displays fine. But when you make it 768px again the ticket disappears. But Ticket form is still there when I inspect the code. This leads me to believe that it may just be hidden with CSS.

Could you please have one more look here – see how this section appears and disappears above and below browser width of 768px:
http://first.ashlandwebsites.com/calendar/lama-tsultrim-allione-wisdom-rising-a-journey-into-the-mandala-of-the-empowered-feminine/
I just have a feeling there is a simple solution I’m just not seeing.

Thanks so much
David

Brilliant, Nikko!
That’s exactly what I was looking for but was unable to find! Thank you so much! I’m sure a lot of others will find this solution helpful.
David

Please close it. Thanks again. I am going to post my styling for that section below in case anyone finds it helpful. You will probably want to at least change the colors for the Buy Now Button.
David

/*EVENTS MOBILE STYLING*/
@media only screen and (max-width: 767px){
.av-single-event-content {
	padding-left: 20px;
	padding-right: 20px;
	}
}

/*EVENT TICKET STYLING*/
.av-single-event-meta-bar .av-single-event-meta-bar-inner {
    border: none;
    padding: 0;
}
.av-single-event-meta-bar tr th:first-child, tr td:first-child{
    border-left-style: none;
    border-left-width: 0;
}
.av-single-event-meta-bar tr:first-child th, tr:first-child td{
    border-top-style: none;
    border-top-width: 0;
}
.av-single-event-meta-bar .tribe-events-tickets .tickets_description, .av-single-event-meta-bar .tribe-events-tickets .tickets_name, .av-single-event-meta-bar .tribe-events-tickets .tickets_name p, .av-single-event-meta-bar .tribe-events-tickets .tickets_price {
    border-bottom: 0 none #dfdfdf;
}
form#tpp-buy-tickets{
	border-bottom: 1px solid;
	border-top: 1px solid;
	padding-top: 20px;
	margin-top: 20px;
}
@media only screen and (min-width: 768px){
.av-single-event-meta-bar .tribe-events-tickets td.tickets_name {
    display: table-cell;
    max-width: none;
    width: 40%;
	}
}
@media only screen and (min-width: 768px){
.av-single-event-meta-bar .tribe-events-tickets td.quantity {
    display: table-cell;
    max-width: none;
    width: 15%;
	}
}
a.tpp-submit.tribe-button, button.tpp-submit.tribe-button{
	font-size: 17px;
	color: #fff;
	background-color: #c19d48;
	padding: 15px 25px;
	text-decoration: none !important;
	display: inline-block;
}
a.tpp-submit.tribe-button:hover, button.tpp-submit.tribe-button:hover{
	background-color: #ac7f37;
	color: #fff;
}

• This reply was modified 6 years, 2 months ago by ashlandwebsites.