How to Shrink the size of form and bring it to center for my WordPress page?

Get Help
, , ,
1

I have tried to reduce the entire form by 50 % by using the following code

body #gform_wrapper_1{ 
  max-width: 50%;
  margin: 0 auto;
 }

But the problem with this is my progress bar also gets reduced by half, I want my progress bar to be full-width and just the form fields should be reduced and centered. Here is the screenshot of how it looks now

image
image2880Ă—1220 140 KB

2

You would need to go another level deeper in the markup and target the gform_body class to not affect the progress bar with that CSS.

body #gform_wrapper_1 .gform_body {
    max-width: 50%;
    margin: 0 auto;
}
1 Like
3

thanks for the solution! this works for me

4

Thanks, this worked for me.

I have one more query.

I have added radio buttons and converted them to big buttons in my form and one of the options is “other”. I want to implement a feature where when the user selects “Other” option the button converts to a text box and the user can input their answer. I don’t want the text box at the bottom as shown in the screenshot attached

Is there a way to do it? or else let me know alternative ways to implement this?

image.png
image.png870Ă—529 21.8 KB

5

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.