Hey everyone!

With the Labour Day holidays coming up, we’d like to let you know about our upcoming working hours:

Thursday, May 1st: Our team will be off during Labour Day.
Friday, May 2nd: We'll also be off for an extended holiday break.

We’ll be back on Monday, May 5th, ready to respond to all messages received during this time.

In the meantime, if you need help, feel free to:

https://www.youtube.com/@AmeliaWordPressBookingPlugin/videos

https://www.youtube.com/@wpDataTables/videos

Thank you for being so understanding, and we hope you enjoy the long weekend! 

Okay
  Public Ticket #2482161
Hidding infos front-end
Closed

Comments

  •  1
    Jo started the conversation

    Hi, on the front-end display [ameliacatalog service=1] I would like to hide "Capacity" (both under the service name and under service info), category and employees.

    I am the only employee and all my appointments are 1:1 in the same category, it makes the front-end busy and irrelevant.

    I also would like to hide the top image (or colored rectangle when there is no image)

    Thanks in advance for your help!!

  • [deleted] replied

    Hello Johanna, 

    Thank you for your purchase.

    Please try adding this format HTML to the page where you have the Amelia shortcode:

    <style>
    div.am-service-info:nth-child(2) > div:nth-child(1) {display:none !important;} div.el-row:nth-child(4) {display:none !important;}
    div.el-row:nth-child(2) {display:none !important;}
    .am-service-providers {display:none !important;} </style>

    and let me know if it helped.

    For the top - service gallery - you can either hide it or not with CSS, there isn't a possibility of hiding it when there isn't an image and not hiding it when there is, unfortunately. If you want to hide it, try adding this CSS to the HTML above:

    .am-service-gallery {display:none !important;}

  •  1
    Jo replied

    THANK YOU Marija! It works perfectly well and looks great!  Sorry, I don't want to bother but could you also tell me the code to hide the duration just under the name of the service and the titles "Description" and "Service info".

    Thank  you so much for your help

  • [deleted] replied

    You are welcome, Johanna.

    Glad to see that. No worries, I'm glad to help out.

    Try adding this CSS to the HTML I sent you earlier:

    div.am-service-info:nth-child(2) > div:nth-child(2) {display:none !important;}
    .am-service-description > h3:nth-child(1) {display:none !important;}
    div.am-service-info-column:nth-child(1) > h3:nth-child(1) {display:none !important;}

    and let me know if it helped.

  •  1
    Jo replied

    Thank you Marija! It works perfectly, is there a way to also hide the employee name on the second page (after the customer has choosen a date and time?)

    (this is my last appearance question, promise!)

  • [deleted] replied

    You are welcome, Johanna. Glad to see that. 

    Please try adding CSS as well:

    .am-confirmation-booking-details > div:nth-child(1) {display:none !important;}

    and let me know if it helped.