Field widths being overwritten by S&L

  • I’m told by Gravity Forms support that the Styles & Layouts is overwriting my ability to adjust the proper field widths on my forms.

    The fields that I have for price and date are set to small but they extend across the page.

    Can you give me the CSS custom code I could use to fix this?

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author wpmonks

    (@wpmonks)

    Are you still facing the issue? When I checked the form the field width was set to 300px.

    Thread Starter srcasey

    (@srcasey)

    Yes I’m still having this issue. When I adjust the field widths of the items in question it affects all fields on the page. I’d like to adjust the width of only 3 fields on the page.

    Plugin Author wpmonks

    (@wpmonks)

    Add “sk-small-field” ( without quotes ) class to the field for which you want to have small widths.

    Add the following CSS under Customizer -> Additional CSS

    body #gform_wrapper_1 .gform_body .gform_fields .gfield.sk-small-field input[type=text]{
    width: 300px !important;
    }

    After this you can increase the width from ‘Styles & Layouts’ but it won’t affect the fields which have “sk-small-field” class

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Field widths being overwritten by S&L’ is closed to new replies.

Tags