We are using Amelia client panel on our website and currently we need help with the following issue:
We want to make the "book" button in the client panel invisible only on the package page in the client panel. However, when we do this, the button disappears on other pages and panels as well. We have tried different solutions through JavaScript and CSS so far, but we could not achieve the desired result.
We want to:
Hide the "Create appointment" button only on the package page of the client panel. The same button continues to be visible on other panels or pages. If you have a method or a suitable configuration suggestion to solve this problem, can you share it? We would also like to know if there is a mechanism that can help us distinguish between the client panel and the employee panel (for example a class, element or other token).
I noticed that you forgot to add a semicolon (;) at the end of the CSS. However, even after adding the semicolon, it still didn’t work. The button is still visible in the same place.
Hello Amelia Support Team,
We are using Amelia client panel on our website and currently we need help with the following issue:
We want to make the "book" button in the client panel invisible only on the package page in the client panel. However, when we do this, the button disappears on other pages and panels as well. We have tried different solutions through JavaScript and CSS so far, but we could not achieve the desired result.
We want to:
Hide the "Create appointment" button only on the package page of the client panel.
The same button continues to be visible on other panels or pages.
If you have a method or a suitable configuration suggestion to solve this problem, can you share it? We would also like to know if there is a mechanism that can help us distinguish between the client panel and the employee panel (for example a class, element or other token).
Thanks in advance for your help.
Hello there,
Thank you for reaching out to us.
Our support is not covered by custom CSS but for some smaller custommiztaiton we can help. You can apply this CSS to that page
.amelia-v2-booking #amelia-container .am-cappa__service-book.am-rw-500 { display: none }And is should look like this
Hope this helps.
Should you have any further inquiries, we kindly request that you open separate tickets for each question and we will gladly help you there.
We wish you all the best and hope you have a wonderful day ahead.
Kind Regards,
Marko Davidovic [email protected]
Rate my support
Try our FREE mapping plugin! MapSVG - easy Google maps, interactive SVG maps, 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 noticed that you forgot to add a semicolon (;) at the end of the CSS. However, even after adding the semicolon, it still didn’t work. The button is still visible in the same place.
I just realized that when I apply this code, the button is not visible on mobile, but it still appears on desktop.