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
