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!