Okay
  Public Ticket #3757820
Form padding
Closed

Comments

  •  1
    Francisco started the conversation

    Hello Amelia Support Team,

    I’m reaching out for assistance on removing the extra margins that appear around the booking module. I’d like to eliminate any spacing between the booking module and the surrounding content so that it aligns seamlessly with the rest of the page layout.

    Could you guide me on how to adjust the settings or CSS to achieve this?

    Thank you for your help!


  •  1,570
    Marko replied

    Hello there,

    Thank you for reaching out to us.

    Yes, there is a default margin, top and bottom margin as 100px.

    6046049894.png

    It is the same on our Demo here.

    We are gathering all the feedback and suggestions for improvements from our users

    in order to improve the Form over time, as well as to add more customization options, according to what most of our users suggest,

    we just can't say an ETA but we do our best to add as much new options as possible during updates.

    -

    We can't make a universal design that suits everyone, but we will do our best to cover most use cases.

    For the time being, you can use this CSS to manipulate these margins around the Step 2.0 form :

    .amelia-v2-booking #amelia-container.am-fs__wrapper {    
       margin: 100px auto;  
      margin-top: 100px; 
       margin-right: auto;  
      margin-bottom: 100px;  
      margin-left: auto;    }
    

    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.

    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 and hope you have a wonderful day ahead. 

    Kind Regards, 

    Marko Davidovic
    [email protected]

    Rate my support

    wpDataTables: FAQ | Facebook | Twitter | InstagramFront-end and back-end demo | Docs

    Amelia: FAQ | Facebook | Twitter | InstagramAmelia 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