Support

Home Forums Event Espresso Premium Using CSS to hide Price for a specific Post

Using CSS to hide Price for a specific Post

Posted: February 20, 2019 at 7:49 am


aslta2019

February 20, 2019 at 7:49 am

Hello! been using Event Espresso and it’s been great so far. Quick question – I have a specific event (out of many events that I have created) that is all free tickets so I want to hide the price column on the ticket selector. I have this in my global css options:

.postid#7935 .tkt-slctr-tbl-wrap-dv .ee-ticket-selector-ticket-price-th,
.tkt-slctr-tbl-wrap-dv .tckt-slctr-tbl-td-price {
display: none;
}
This isn’t working out for me and would appreciate any input or direction in how to fix this. Thank you very much!


Josh

  • Support Staff

February 20, 2019 at 10:25 am

Hi,

What you can do is change your custom CSS to this:

#tkt-slctr-tbl-7935 .ee-ticket-selector-ticket-price-th,
#tkt-slctr-tbl-7935 .tckt-slctr-tbl-td-price {
display: none;
}


aslta2019

February 20, 2019 at 10:36 am

Hi Josh!
I tried to do that but it’s still showing up – the page that it’s on is: https://aslta.org/events/volunteer-registration/


Josh

  • Support Staff

February 20, 2019 at 10:44 am

May I ask where’s the custom CSS? It’s not included on that page when I look. Usually a good place to put custom CSS is in the site’s Appearance > Customize > Additional CSS page.


aslta2019

February 20, 2019 at 11:30 am

I’m using Avada and it’s located in their Theme Options –> Appearance –> Custom CSS. Do you want admin access to take a look for yourself?


Josh

  • Support Staff

February 20, 2019 at 11:46 am

Hi,

I can see from the source of this that the styles are not present:
https://aslta.org/wp-content/uploads/fusion-styles/94551073af847f67d53f1c27647cc0a2.min.css
(you’ll see what I mean if you scroll to the bottom)

So, either Avada isn’t saving the CSS, or there’s a cache that’s not allowing your changes to take effect.

Since I’m not in a position to troubleshoot issues related to the Avada theme, what you could do instead is just use the WordPress supplied CSS editor (in Appearance > Customize > Additional CSS page).


aslta2019

February 20, 2019 at 12:08 pm

Josh, you were correct – I didn’t think to check and see if the Avada’s CSS was actually being applied – I put it in the WP CSS through Appearance –> Customize and it worked. I appreciate your prompt responses and helping me get this resolved!

The support post ‘Using CSS to hide Price for a specific Post’ is closed to new replies.

Have a question about this support post? Create a new support post in our support forums and include a link to this existing support post so we can help you.

Event Espresso