Title: Container alignment
Last modified: December 13, 2021

---

# Container alignment

 *  Resolved [josesg95](https://wordpress.org/support/users/josesg95/)
 * (@josesg95)
 * [4 years, 5 months ago](https://wordpress.org/support/topic/container-alignment-2/)
 * Hello, thanks for sharing your work! I would like to make sure the containers
   are aligned as in the attached image. ¿Podrian ayudarme?
    [What i would like to achieve](https://snipboard.io/XbjZS7.jpg)
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fcontainer-alignment-2%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 5 replies - 1 through 5 (of 5 total)

 *  [Nik Sebastian](https://wordpress.org/support/users/niksebastian/)
 * (@niksebastian)
 * [4 years, 5 months ago](https://wordpress.org/support/topic/container-alignment-2/#post-15167500)
 * Hi [@josesg95](https://wordpress.org/support/users/josesg95/),
 * It looks like there could be a styling conflict between the site theme and the
   forms. To fix this, please try the following custom CSS snippet:
 *     ```
       .wpforms-field-container * {
           max-width: 100% !important;
           float: none;
       }
       .wpforms-field-container {
           position: relative;
       }
       #wpforms-4100-field_4-container{
           margin-left: 0 !important;
           position: absolute;
           right: 0;
           height: 180px;
       }
       .wpforms-submit-container{
           text-align: center;
       }
       ```
   
 * And in case it helps, here’s a tutorial on [how to add custom CSS like this to your site](https://wpforms.com/developers/how-to-add-custom-css-styles-for-wpforms/).
 * Hope this helps!
 *  Thread Starter [josesg95](https://wordpress.org/support/users/josesg95/)
 * (@josesg95)
 * [4 years, 5 months ago](https://wordpress.org/support/topic/container-alignment-2/#post-15168005)
 * Hi Niksebastian! if it worked i just wish it wasn’t full width, can it be done?
   and in mobile devices I would like everything to be in a vertical column, so 
   that the data can be filled in correctly hehe I thank you in advance
 *  Thread Starter [josesg95](https://wordpress.org/support/users/josesg95/)
 * (@josesg95)
 * [4 years, 5 months ago](https://wordpress.org/support/topic/container-alignment-2/#post-15168017)
 * Niksebastian, I see that for both columns to be the same height, the right side
   container is 10px missing, can anything be done? Thanks!
 *  [Nik Sebastian](https://wordpress.org/support/users/niksebastian/)
 * (@niksebastian)
 * [4 years, 5 months ago](https://wordpress.org/support/topic/container-alignment-2/#post-15174388)
 * Hi [@josesg95](https://wordpress.org/support/users/josesg95/),
 * You can choose to set the [Field Size](https://wpforms.com/docs/how-to-customize-form-field-options/#field-size)
   to medium or small and adjust the size.
 * To display fields in a single column on mobile, we’ll need to use a preset CSS
   class. In the form builder, click on a field to display the **Field Options**.
   Then, under the **Advanced** section, add the `wpforms-mobile-full` class to 
   the **CSS Classes** field. Here is a [guide on this](https://wpforms.com/docs/how-to-display-fields-in-a-single-column-on-mobile/)
 * Hope this helps 🙂
 *  Thread Starter [josesg95](https://wordpress.org/support/users/josesg95/)
 * (@josesg95)
 * [4 years, 5 months ago](https://wordpress.org/support/topic/container-alignment-2/#post-15181714)
 * thanks [@niksebastian](https://wordpress.org/support/users/niksebastian/), you
   are very kind

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Container alignment’ is closed to new replies.

 * ![](https://ps.w.org/wpforms-lite/assets/icon.svg?rev=3254748)
 * [WPForms - Easy Form Builder for WordPress - Contact Forms, Payment Forms, Surveys, & More](https://wordpress.org/plugins/wpforms-lite/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/wpforms-lite/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/wpforms-lite/)
 * [Active Topics](https://wordpress.org/support/plugin/wpforms-lite/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/wpforms-lite/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/wpforms-lite/reviews/)

 * 5 replies
 * 2 participants
 * Last reply from: [josesg95](https://wordpress.org/support/users/josesg95/)
 * Last activity: [4 years, 5 months ago](https://wordpress.org/support/topic/container-alignment-2/#post-15181714)
 * Status: resolved