Hide Number Of Tickets Available – All Browsers

Home Forums Ticket Products Event Tickets Plus Hide Number Of Tickets Available – All Browsers

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1225272
    Callum
    Participant

    Hi there,

    I have added this bit of code to my theme’s style CSS file:

    .tribe-tickets-remaining {
    display: none !important;
    }

    That removes the remaining tickets display when browsing in Safari, but not in Chrome or Firefox.

    How do I remove it across all browsers please?

    Page for reference is: http://www.handlebards.com/tickets/a-midsummer-nights-dream-painswick-rococo-garden/

    Thanks!

    Callum

    #1225395
    Geoff B.
    Member

     

    Good afternoon Callum and welcome to the Events Calendar Support forum!

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

    However it seems like the example is gone from your site.
    Could you provide me with the URL of a published dummy event ?

    I will need to double-check, but I believe the only reason why the other browsers are not kicking in is cache-based.

    Either your browser cache needs to be refreshed or, more likely, your caching plugin’s cache needs to be refreshed.

    Have a good weekend,

    Geoff B.

    #1225427
    Callum
    Participant

    Thanks Geoff!

    Here’s an event where it’s happening: http://www.handlebards.com/tickets/as-you-like-it-painswick-rococo-garden-30-june/

    It works fine in Safari, but not other browsers.

    I’ve tried to empty the cache of my WordPress and also my browsers directly.

    Any ideas?

    Thanks!

    Callum

    #1226609
    Geoff B.
    Member

    Good evening Callum,

    I believe I know the cause of the issue.

    The CSS rule you entered does not apply to all screen sizes.
    You can test that theory by changing the browser window size.

    It currently reads:

    @media screen and (min-width: 1281px) {
    .tribe-tickets-remaining {
    display: none !important;
    }
    }

    This means that it will not apply to screens that are smaller than 1281px.
    The solution is to move the code before these brackets or simply out of any @media rule.

    Let me know how that goes.

    Best regards,
    Geoff B.

    #1227179
    Callum
    Participant

    Hi Geoff!

    That was exactly the issue! Thanks so much for looking into it – and well done for the solve!

    Much appreciated,

    Callum

    #1227182
    Geoff B.
    Member

    Good evening Callum,

    I am super stoked that this worked out for you!

    You are welcome back in our support forums any time 🙂

    For now, I am going to close this thread.

    Have a great week!

    Geoff B.

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Hide Number Of Tickets Available – All Browsers’ is closed to new replies.