Container alignment

Hi @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.

Hope this helps!

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

Niksebastian, I see that for both columns to be the same height, the right side container is 10px missing, can anything be done? Thanks!

Hi @josesg95,

You can choose to set the 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

Hope this helps ??

thanks @niksebastian, you are very kind