I have a popup stepbystep booking form. When the user continues to book the appointment, there are 2 labels i want removing, but i cannot see how to. The first is how many people is the appointment for, in our instance it cannot be more than 1, so the field is redundant, and when a user confirms it shows appointment ID and number. I want both of those removed, but i cannot see how to.
Thanks for reaching out to us. Unfortunatelly, the only workaround would be to hide the strings with the custom CSS code. I went ahead and booked a test appointment, so i can "tag" these elements and provide a CSS code. You can use this one
#amelia-container > div.am-fs__main > div > div.am-fs__main-content > div.am-fs__payments > div.am-fs__payments-price > div > div.am-fs__payments > div > div.am-fs__payments-services-open > div > p:nth-child(1) > span{ display: none!important; } #amelia-container > div.am-fs__main > div > div.am-fs__main-content.am-fs__congrats.am-fs__main-content > div.am-fs__congrats-main > span{ display: none!important; }
Custom code needs to be applied to the page where the booking form is. Depending on what you're using (Gutenberg blocks, or some page builder), adding the CSS or JS can be done in a few different ways.
If you need help with adding custom CSS to the page, please take a look at this article.
Of course, you can go ahead and delete this appointment.
Hello.
I have a popup stepbystep booking form. When the user continues to book the appointment, there are 2 labels i want removing, but i cannot see how to. The first is how many people is the appointment for, in our instance it cannot be more than 1, so the field is redundant, and when a user confirms it shows appointment ID and number. I want both of those removed, but i cannot see how to.
Attached files: Screenshot 2025-01-16 233042.png
Screenshot 2025-01-16 233539.png
Hi Ilias,
Thanks for reaching out to us. Unfortunatelly, the only workaround would be to hide the strings with the custom CSS code. I went ahead and booked a test appointment, so i can "tag" these elements and provide a CSS code. You can use this one
#amelia-container > div.am-fs__main > div > div.am-fs__main-content > div.am-fs__payments > div.am-fs__payments-price > div > div.am-fs__payments > div > div.am-fs__payments-services-open > div > p:nth-child(1) > span{
display: none!important;
}
#amelia-container > div.am-fs__main > div > div.am-fs__main-content.am-fs__congrats.am-fs__main-content > div.am-fs__congrats-main > span{
display: none!important;
}
Custom code needs to be applied to the page where the booking form is. Depending on what you're using (Gutenberg blocks, or some page builder), adding the CSS or JS can be done in a few different ways.
If you need help with adding custom CSS to the page, please take a look at this article.
Of course, you can go ahead and delete this appointment.
Kind Regards,
Stefan Petrov
[email protected]
Rate my support
Try our FREE mapping plugin! MapSVG - easy Google maps, interactive SVG maps, and floor plans, choropleth maps and much more - https://wordpress.org/plugins/mapsvg-lite-interactive-vector-maps/
wpDataTables: FAQ | Facebook | Twitter | Instagram | Front-end and back-end demo | Docs
Amelia: FAQ | Facebook | Twitter | Instagram | Amelia demo sites | Docs | Discord Community
You can try wpDataTables add-ons before purchasing on these sandbox sites:
Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables
I was going to do this, but I will be using this form everywhere on the website. If I add the CSS code on global CSS, would it be better?
Well, in that case, you can also try that approach.
Kind Regards,
Stefan Petrov
[email protected]
Rate my support
Try our FREE mapping plugin! MapSVG - easy Google maps, interactive SVG maps, and floor plans, choropleth maps and much more - https://wordpress.org/plugins/mapsvg-lite-interactive-vector-maps/
wpDataTables: FAQ | Facebook | Twitter | Instagram | Front-end and back-end demo | Docs
Amelia: FAQ | Facebook | Twitter | Instagram | Amelia demo sites | Docs | Discord Community
You can try wpDataTables add-ons before purchasing on these sandbox sites:
Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables
Thank you it worked.
You are welcome, Ilias.
Should you have any other questions or issues, please feel free to reach out to us a new ticket and we will kindly provide assistance.
Have a nice day!
Kind Regards,
Stefan Petrov
[email protected]
Rate my support
Try our FREE mapping plugin! MapSVG - easy Google maps, interactive SVG maps, and floor plans, choropleth maps and much more - https://wordpress.org/plugins/mapsvg-lite-interactive-vector-maps/
wpDataTables: FAQ | Facebook | Twitter | Instagram | Front-end and back-end demo | Docs
Amelia: FAQ | Facebook | Twitter | Instagram | Amelia demo sites | Docs | Discord Community
You can try wpDataTables add-ons before purchasing on these sandbox sites:
Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables