As previously announced via banners and our newsletters, support is no longer available through this platform.

For easier navigation, you can still click on "Submit a Ticket" here, choose the appropriate category, and you'll be redirected to the correct support channel for your plugin.

You can still access your previous tickets and browse public tickets, but please note that responding to tickets is no longer possible.

Paid customers: Please log in to your store account for support.

Pre-purchase questions: Use the support widget in the bottom-right corner of our websites:
https://wpamelia.com
https://wpdatatables.com
https://wpreportbuilder.com

Okay
  Public Ticket #2698903
CSS customization
Closed

Comments

  •  1
    Shota started the conversation
    February 22, 2021 at 1:14pm

    Hello, 

    I was trying to modify CSS using Simple Custom CSS and JS plugin but didn't work..

    I would like to change here attachment image to "display:none".

    I added this below but didn't work.

    .amelia-app-booking #am-events-booking .am-event-list .am-event .am-event-data .am-event-info .am-event-sub-info > div {
        display: none;
    }

    Many thanks, shota

  • [deleted] replied
    February 23, 2021 at 10:26am

    Hello Shota, 

    You can try adding !important: 

    .amelia-app-booking #am-events-booking .am-event-list .am-event .am-event-data .am-event-info .am-event-sub-info > div {
    display: none !important;
}


    and if that doesn't help please try adding this as custom CSS directly to the page where you have the Amelia booking form. So, try adding this custom CSS to the page: 

    .am-event-sub-info-capacity {display:none !important;}

    If you don't have custom CSS option on the page you can add it as format HTML: 

    <style>
    .am-event-sub-info-capacity {display:none !important;}
    </style>

    Let me know if this helped!