Comments 3tom needham started the conversationApril 3, 2024 at 2:29pmHiThe text doesnt fit on the page - so is bad for User Experience.Is there a solution or workaround.ThanksAttached files: image0.png 1,614Marko repliedApril 4, 2024 at 9:34am Hello there, Thank you for reaching out to us.Unfortunately, the no, the text that you have is too long and we can not make the form to automatically get wider when someone has a longer texts.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. Hope this helps. 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 3tom needham repliedApril 4, 2024 at 10:25amThanks for the reply Marko.I found a workaround and created an image with the text in it instead.1 Like 1,614Marko repliedApril 4, 2024 at 12:19pmHello again,We are glad to hear that you managed to find a solution and 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 Sign in to reply ...
Hi
The text doesnt fit on the page - so is bad for User Experience.
Is there a solution or workaround.
Thanks
Attached files: image0.png
Hello there,
Thank you for reaching out to us.
Unfortunately, the no, the text that you have is too long and we can not make the form to automatically get wider when someone has a longer texts.
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.
Hope this helps.
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
Thanks for the reply Marko.
I found a workaround and created an image with the text in it instead.
Hello again,
We are glad to hear that you managed to find a solution and 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