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.