Okay
  Public Ticket #3338624
Sizing Amelia (font size, container size,...)
Closed

Comments

  •  1
    Le Ba Hung started the conversation

    I want to make the booking form longer in width and in height, as well as making the font size bigger so it fit better with the screen, is there any way I can do this ?

    1390089083.png
  •  1,623
    Marko replied

    Hello Le Ba Hung,

    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:

    .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 :

    3146601994.png

    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 :

    5856364923.png

    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.smile.png

    -

    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.

    For other customizations, we are not sure that this is possible and you need to try and achieve it on your own. We hope that we were able to help you at least with the width. 

    I'll kindly ask you to add it as a feature suggestion on this link https://features.wpamelia.com/

    Features are pushed up on our "to-do" list when there are a lot of customers requesting those features, so having your vote as a customer can be beneficial to this feature being developed sooner.

    If you have any more questions please open a new separate ticket 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

  •  1
    Le Ba Hung replied

    Thanks a lot I did it!

  •   Marko replied privately