Hello @elydeb,
Here is the CSS which should do the work for you:
/* adjust form */
@media (min-width: 768px){
.elementor-882 .elementor-element.elementor-element-877b90b {
width: 24%;
position: relative;
margin-left: -445px;
}
}
/*tweak forminator buttons */
button#forminator-field-forminator-field-upload-1_button {
border-radius: 50px !important;
}
button.forminator-button.forminator-button-submit {
border-radius: 50px !important;
}
/* Centering buttons */
div#upload-1 {
margin-left: 59px;
}
div#submit {
margin-left: 40px;
}
Now let me explain a few things to you here. I have added the CSS to center the form under /* adjust form */ using the margin property. But that is not really the way it should be done.
Reason? I see you are using Elementor. When you create a page in elementor, you can create a new section and then you have an option to select the structure.
Ideally, you should create three sections and then add the form in the second section which would make it center by default. This would make sure the form would be completely responsive. if you do that, you would not require to add the CSS under /* adjust form */.
Rest when you add the code, you would need to play a bit with the numbers you see beside each property to have it in the way you like.
Should you have any doubts or need any help, please reply in the thread here and we would be happy to help.
Thank you,
Prathamesh Palve
