1) For services, how do i set it so the employees are not visible on the front end? I have created only one employee so the customer doesn't have to pick one, but how do i make it so the employee field doesn't show up at all?
2) For events, how do i hide the capacity on the front end?
3) How do i change the size of the display image on the front end for events? It is current very, very small.
Unfortunately none of your code is working for me.
I don't understand why your code is HTML... i am using Divi and where i try to insert this is CSS only. I removed the <style> but i couldn't get this to work at all.
1) For the employee issue, i managed to resolve this with the following code in the CSS area:
.am-service-providers {display:none;}
This is better, but the form looks really messy now with one column empty.. any ideas?
2) I cannot get the Capacity content to be removed. Again, i've tried various lots of your code, but it doesn't seem to work.
3)The image i am referring to is the one that is pulled through for the events, using shortcode [ameliaevents] The image is just above "About this Event".
Please, can you send us the URL of the page where you have the Amelia booking form, and, if possible, please send screenshots what (where) exactly you need to hide elements, so we can help with the right CSS.
Hi,
I have a few questions.
1) For services, how do i set it so the employees are not visible on the front end? I have created only one employee so the customer doesn't have to pick one, but how do i make it so the employee field doesn't show up at all?
2) For events, how do i hide the capacity on the front end?
3) How do i change the size of the display image on the front end for events? It is current very, very small.
Hello Amanda,
Thank you for your questions.
1. Please try adding this format HTML to the page where you have your Amelia shortcode :
<style> .el-form-item.am-select-employee-option {display:none;} </style>and let me know if it helped.
2. You can hide that element with adding custom CSS on the front-end.
Please try adding this format HTML to the page where you have Amelia events shortcode:
<style> div.am-event-data > div.am-event-info > div:nth-child(2) {display: none !important;}</style>if that doesn't help , please try this one instead:
<style> div.am-event-data > div.am-event-info > div:nth-child(2) > div:nth-child(1) {display: none !important;} </style>and let me know if this helped.
3. Can you please provide more details on which image/icon you are referring to.
Hi Den,
Unfortunately none of your code is working for me.
I don't understand why your code is HTML... i am using Divi and where i try to insert this is CSS only. I removed the <style> but i couldn't get this to work at all.
1) For the employee issue, i managed to resolve this with the following code in the CSS area:
.am-service-providers {display:none;}
This is better, but the form looks really messy now with one column empty.. any ideas?
2) I cannot get the Capacity content to be removed. Again, i've tried various lots of your code, but it doesn't seem to work.
3)The image i am referring to is the one that is pulled through for the events, using shortcode [ameliaevents] The image is just above "About this Event".
Hello Amanda,
Please, can you send us the URL of the page where you have the Amelia booking form, and, if possible, please send screenshots what (where) exactly you need to hide elements, so we can help with the right CSS.