I use catalog booking layout display booking forms.
Unfortunately, when I started to add images, I noticed, that services are placed inside a window of fixed size, and starting from the third service, I cannot see the blue button revealing service details. If I had more services I wouldn't see more than four of them (see attached screenshot)
It is not a big problem for small screens like smartphones because the user swipes up revealing all services.
On the desktop, it does not work so well. You have to scroll using the additional scroll bar of the container.
The solution would be the higher container. Maybe I can do it through CSS?
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.
You can change the settings and values to suit your needs. In any case you have a scroll bar so that your customers can review all services. Hope this helps in case it does not we encourage you to kindly consider submitting this valuable suggestion as a feature request through the following link: https://features.wpamelia.com/. The prioritization of feature development is greatly influenced by the number of customer requests received. By participating and expressing your support, you contribute significantly to the potential expedited implementation of this feature.
Should you have any further inquiries, we kindly request that you open separate tickets for each question and we will gladly help you there.
You are most welcome, and we are glad if we were able to help you. Should you have any further inquiries, we kindly request that you open separate tickets for each question and we will gladly help you there.
Hi,
I use catalog booking layout display booking forms.
Unfortunately, when I started to add images, I noticed, that services are placed inside a window of fixed size, and starting from the third service, I cannot see the blue button revealing service details. If I had more services I wouldn't see more than four of them (see attached screenshot)
It is not a big problem for small screens like smartphones because the user swipes up revealing all services.
On the desktop, it does not work so well. You have to scroll using the additional scroll bar of the container.
The solution would be the higher container. Maybe I can do it through CSS?
Regards, Tom
Attached files: Zrzut ekranu 2023-12-20 114103.jpg
Hello there,
Thank you for reaching out to us.
Yes, perhaps this can be achieved via CSS. We do not customize Amelia for each user but we can try to help and see if this helps.
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.
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.
You can change the settings and values to suit your needs. In any case you have a scroll bar so that your customers can review all services. Hope this helps in case it does not we encourage you to kindly consider submitting this valuable suggestion as a feature request through the following link: https://features.wpamelia.com/. The prioritization of feature development is greatly influenced by the number of customer requests received. By participating and expressing your support, you contribute significantly to the potential expedited implementation of this feature.
Should you have any further inquiries, we kindly request that you open separate tickets for each question and we will gladly help you there.
We wish you all the best.
Have a nice day.
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
Thank you Marko for a detailed explanation. I'll try it.
Hello there,
You are most welcome, and we are glad if we were able to help you. Should you have any further inquiries, we kindly request that you open separate tickets for each question and we will gladly help you there.
We wish you all the best.
Have a nice day.
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