Line height padding

  • Resolved art27

    (@art27)


    6 years, 8 months ago

    Hi

    I would like to adjust the depth of several fields on my contact form. I would like the height of each box to increase by about 8px. The fields that Im talking about are

    Single line Text
    Email
    Dropdown

    I think that what I appear to be trying to do is increase the padding from 6px to 10px.

    I would also like to alter the font weight of the field labels so that they aren’t quite so heavy.

    Can someone please help me withn this?

    Thanks

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

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Support Ethan Choi

    (@ethanchoi)

    6 years, 8 months ago

    Hi @art27,

    To do what you’ve described, please try the following custom CSS:

    div.wpforms-container-full .wpforms-form input[type=text],
div.wpforms-container-full .wpforms-form input[type=email],
div.wpforms-container-full .wpforms-form select {
    padding: 10px !important;
}

div.wpforms-container-full .wpforms-form .wpforms-field-label {
    font-weight: 400 !important;
}

    And in case it helps, here’s a tutorial from WPBeginner on how to add custom CSS like this to your site.

    Hope this helps!

    Thread Starter art27

    (@art27)

    6 years, 8 months ago

    Hi Ethan

    Thanks for getting back to me. I tried your solution but it didnt seem to increase the height of the boxes. I did find a solution that does seem to work but I have no idea if it is the correct way of fixing the problem without causing another problem elsewhere. I used this code.

    div.wpforms-container-full .wpforms-form input[type=text], div.wpforms-container-full .wpforms-form input[type=email], div.wpforms-container-full .wpforms-form select {
  height:46px;  
}

    Is this solution ok or will it cause a problem elsewhere?

    Plugin Support Ethan Choi

    (@ethanchoi)

    6 years, 8 months ago

    Hi @art27,

    I’m glad that you’ve found a solution, and yes it should work for your form’s Single Line Text, Dropdown and Email fields.

    If you’ve any other questions please let us know 🙂

    Thread Starter art27

    (@art27)

    6 years, 8 months ago

    Thanks Ethan

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Line height padding’ is closed to new replies.