I want to know how can I increase the overall width and height of the booking form. At the moment it is set to default width and height. Due to that booking options that has longer text are not properly visible, added the screenshots as well. URL of the webpage where the Booking form is setup(https://londonsikhsociety.com/booking/). Let me know how this can be fixed. I want to make sure all the booking options are fully visible and text can be wrapped where ever required so that the customer can see it.
Thanks for reaching out to us. Unfortunatelly, currently, there is no option to increase the overall width and height unless you edit it with the CSS code. However, for the text width, you can use this CSS code
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.
Thanks for sharing the fix for this one. It looks to be working at the moment. Please try to see if a permanent solution can be added in the coming plugin updates.
I want to know how can I increase the overall width and height of the booking form. At the moment it is set to default width and height. Due to that booking options that has longer text are not properly visible, added the screenshots as well. URL of the webpage where the Booking form is setup(https://londonsikhsociety.com/booking/). Let me know how this can be fixed. I want to make sure all the booking options are fully visible and text can be wrapped where ever required so that the customer can see it.
Attached files: Screenshot 2025-02-27 at 9.30.37 PM.png
WhatsApp Image 2025-02-23 at 00.51.08.jpeg
Hello,
Thanks for reaching out to us. Unfortunatelly, currently, there is no option to increase the overall width and height unless you edit it with the CSS code. However, for the text width, you can use this CSS code
.am-adv-select__popper .am-adv-select__item {
flex-wrap: wrap;
}
.am-adv-select__popper .am-adv-select__item-label {
width: 300%;
}
.am-adv-select__popper .am-adv-select__item .am-adv-select__item-label {
white-space: break-spaces;
text-overflow: unset;
overflow: unset;
}
It would look like this
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.
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
Thanks for sharing the fix for this one. It looks to be working at the moment. Please try to see if a permanent solution can be added in the coming plugin updates.
Thanks for the confirmation.
I will forward the information to management / developers, you can also suggest it as a feature on our feature suggestion page.
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