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.
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.
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.
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? :)
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:
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 :
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
[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
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 :
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
[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
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.
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
[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