Hello Sébastien,

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 color 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 Amelia's Customize interface, 

please feel free to search through our feature suggestion page, 

 to see if someone may have 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.

This should help. 

Hello Sébastien,

Thank you for the update on this.

Please provide me a temporary WP-admin (administrator) user for your site where this happens, so we could log in and take a look ‘from the inside’ as that’s the most efficient way to see and resolve the issue. 

We do not interfere with any data or anything else except for the plugin (in case that’s a production version of the site), and of course, we do not provide login data to third parties. 

You can write credentials here just check PRIVATE Reply so nobody can see them except us.

Hello Sébastien,

Thank you for the update on this.

I will take a look into this and let you know as soon as possible.

Hello

Please try the following CSS for this purpose:

#amelia-v2-booking-1000 {
    width: 80%; /* Adjusts the width to 80% of the parent/container */
    max-width: 1200px; /* Ensures it doesn’t exceed 1200px */
    height: 600px; /* Sets a fixed height */
    max-height: 100vh; /* Ensures it doesn’t exceed the viewport height */
    margin: 20px auto; /* Centers the form horizontally with vertical margin */
    overflow-y: auto; /* Adds a vertical scrollbar if content overflows */
    overflow-x: hidden; /* Prevents horizontal scrollbar */
    padding: 10px; /* Adds some inner space for better appearance */
    box-sizing: border-box; /* Ensures padding is included in the width/height */
}

Let me know if that works for you or not.

Hello Sébastien,

To ensure that the elements with the .am-adv-select__item-label class show in full (without being truncated or cut off), you can apply some custom CSS. Here's the code you can use:

1. Add this CSS code to your WordPress site:
   • Go to Appearance > Customize > Additional CSS.
   • Paste the code and click Publish.

This will make sure the text inside the .am-adv-select__item-label element is fully visible without being truncated. Let me know if this works for you!