CSS for radio buttons convert to big button not working for me

Hi all,

I used the solution provided by @uamv in another post to convert my radio buttons to just buttons and it works very well for me.
https://typewheel.xyz/present-radio-fields-checkboxes-buttons-gravity-forms/

The issue is one form of my multi-page form requires 2 buttons in one row and another requires 3 buttons in one row. So i am unable to place 3 buttons in one row and also not able to reduce the size of buttons. i have attached the screenshot below for your reference.

  1. Is there way i can set the grid template which fits both?
  2. Also would like to know how to reduce the size of buttons here?
  3. Is there a way to make this responsive? in mobile view entire form is distorted.

Any help will be highly appreciated.

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