We're Moving to a New Support Platform – Starting June 1st!
We’re excited to let you know that starting June 1st, we’ll be transitioning to a new support system that will be available directly on our product websites – Amelia, wpDataTables, and Report Builder. In fact, the new support platform is already live for Amelia and wpDataTables, and we encourage you to reach out to us there.
You'll always be able to reach us through a widget in the bottom right corner of each website, where you can ask questions, report issues, or simply get assistance.
While we still do not offer live support, a new advanced, AI-powered assistant, trained on our documentation, use cases, and real conversations with our team, is there to help with basic to intermediate questions in no time.
We're doing our best to make this transition smooth and hassle-free. After June 1st, this current support website will redirect you to the new "Contact Us" pages on our product sites.
Thanks for your continued support and trust – we’re excited to bring you an even better support experience!
Hy,
Is it possible to change the width of Amelia"step by step booking" because in my page categories and services options under cut for the customers?
Thanks you for advices,
Best regards
Hello Cardinaux,
Thank you for reaching out to us.
Our support does not fully provide customization solutions, but we can try to provide some basic CSS in situations like this.
For manipulating the width of the "outer Booking container", you can try this CSS:
.amelia-v2-booking #amelia-container.am-fs__wrapper { max-width: 1200px !important; width: 100%; height: 560px; margin: 99px auto; border-radius: 8px; box-shadow: 0 30px 40px #0000001f; }
For example, on our Demo page, if i add that CSS, the outer container expands like this :
Just the background colour we set is transparent, so it is not very visible on our page,
but that width can be changed like that.
-
Now, if you also wish to manipulate this "inner Booking container width", you can use this CSS selector :
.amelia-v2-booking #amelia-container .am-fs__main { max-width: 1200px; width: 100%; }
If i add that to our Demo, here is the result :
As you see, we have successfully changed the width this way.
The main property to edit is "max-width" with a fixed pixel value.
Let us know if that works for you.
-
If you wish to see a built-in solution for users to choose the Booking Form width from the Amelia's Customize interface,
please feel free to search through our feature suggestion page,
to see if someone may be already suggested this feature. If you can't see it, feel free to add your suggestion there, and as more people vote, the feature will move higher on the priority list.
You can certainly follow our changeLog page if you'd like, where we state any changes/new features/bug fixes during updates;
and our newsletter, so you're informed about new features, bug fixes, freebies, etc.
Thank you
Kind Regards,
Uros Jovanovic
uros.jovanovic@tmsproducts.io
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
Hi Uros,
I feel like a newby here .. but in which css file should I do the modification ?
I need to comment "margin: 10px auto;" to have a blank section removed at the top :
.amelia-v2-booking #amelia-container.am-fs__wrapper { display: flex; justify-content: center; max-width: var(--am-mw-main); width: 100%; /* margin: 10px auto; */ border-radius: 8px; box-shadow: 0 30px 40px #0000001f; transition: max-width .3s ease-in-out; }
I managed to make it displayed properly thanks to the Chrome inspector but this does not persist for sure, see screen capture.
Thanks for your help !
Fred
Attached files: Screenshot 2023-10-03 at 18.35.07.png
Hello Frederic,
Thank you for reaching out to us.
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.
If you need help with adding custom JS to the page, please take a look at this article.
Kind Regards,
Uros Jovanovic
uros.jovanovic@tmsproducts.io
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
Dear Uroš,
I tried to format my step-by-step form as well, I can alter the width of the general frame but the following CSS snippet to adjust width of the actual booking guide won't work.
.amelia-v2-booking #amelia-container .am-fs__main { max-width: 1200px; width: 100%; }
Seems the layout is locked at 520 pixels according to the Chrome inspector. Would you pls have any idea what may be wrong? Perhaps some change was done to the plugin since 2022? :)
Hello Josef,
Thank you for reaching out to us.
Can you please create a separate ticket for this purpose and I will assist you with this?
Looking forward to your reply.
Kind Regards,
Uros Jovanovic
uros.jovanovic@tmsproducts.io
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