|
b2995
|
December 16, 2014 at 3:00 pm
Is there a way I use a custom CSS to hide “Purchasable Quantities” and “Event Access” from under the Ticket Details? Can I also hide the “Goes on Sale…” line (date and all) as well? I just need my attendees to see the ending date.
The details are great, but I have several ticket types and my site IS the event, so I need to declutter the event page. Thank you!
|
|
Sidney Harrell
|
December 16, 2014 at 3:14 pm
Yes, you would need to use some CSS3 selectors. For example, tell it to display: none on the last child of class tkt-slctr-tbl-wrap-dv to remove the purchasable quantities. .tkt-slctr-tbl-wrap-dv p:last-child {display: none}
|
|
b2995
|
December 16, 2014 at 4:01 pm
Maybe I’m doing this wrong, but it didn’t remove the “Purchasable Quantities” section. I’m using Canvas theme and placed it on the custom.css file.
.tkt-slctr-tbl-wrap-dv p:last-child {display: none}
Also, what about the “Event Access” section and the line the start date?
|
|
Sidney Harrell
|
December 16, 2014 at 5:47 pm
Can you share a link and maybe a screenshot showing where the sections are? Just want to make sure we are looking at the same thing.
|
|
b2995
|
December 16, 2014 at 6:16 pm
Here’s the link to the site along with the image. All the yellow I don’t need to see. 😉
http://www.bigsalsafestival.com/dev/events/2015-b-i-g-salsa-festival-online/
|
|
Dean
|
December 17, 2014 at 1:10 am
Hi,
The top most yellow section is very hard to remove due to the way it has been coded, the only way to successfully do it would be to remove the entire Ticket Sales Dates section completely or edit the actual code.
The bottom two can be removed with the following CSS:
.tckt-slctr-tkt-quantities-sctn,
.tckt-slctr-tkt-datetimes-sctn {
display:none;
}
That CSS can be added to your themes style.css, though in order to preserve the CSS through theme updates we recommend adding it to either: a child themes style.css, your themes CSS options if it has any, or a plugin such as My Custom CSS.
|
|
b2995
|
December 17, 2014 at 7:51 am
Perfect! Now looking at the bottom… how do I hide the “About…” area as well?
|
|
Lorenzo Orlando Caum
|
December 17, 2014 at 12:58 pm
Hi, what remaining areas are you trying to remove?
—
Lorenzo
|
|
b2995
|
December 17, 2014 at 1:41 pm
Concerning the Events Page, I’d like to also hide the very top event title and the About box at the very bottom.
|
|
Lorenzo Orlando Caum
|
December 17, 2014 at 3:03 pm
Hi, could you restore the event?
We’ll need to inspect those elements with a tool like Firebug to see their CSS. Then they can be attached to display:none.
They will be similar to this tutorial:
https://eventespresso.com/wiki/hide-certain-elements-event-espresso-pages-using-css/
—
Lorenzo
|
|
b2995
|
December 17, 2014 at 3:27 pm
Perfect! That’s exactly what I needed!
|
