Rounded Fields

  • Resolved Blake232

    (@blake232)


    5 years, 4 months ago

    I’m trying to make the corners of the input fields rounded.

    I’ve tried to customize the css a few different ways but any of the classes I use seem not to change the border radius.

    div.wpforms-field-large wpforms-field-required wpforms[fields]
    {border-radius: 10px}

    After trying multiple classes/names and variations of the above I still could not get the corners to round.

    Any help is greatly appreciated.

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

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

    (@ethanchoi)

    Hi @blake232,

    Please try the following custom CSS:

    div.wpforms-container-full .wpforms-form input[type=date], div.wpforms-container-full .wpforms-form input[type=datetime], div.wpforms-container-full .wpforms-form input[type=datetime-local], div.wpforms-container-full .wpforms-form input[type=email], div.wpforms-container-full .wpforms-form input[type=month], div.wpforms-container-full .wpforms-form input[type=number], div.wpforms-container-full .wpforms-form input[type=password], div.wpforms-container-full .wpforms-form input[type=range], div.wpforms-container-full .wpforms-form input[type=search], div.wpforms-container-full .wpforms-form input[type=tel], div.wpforms-container-full .wpforms-form input[type=text], div.wpforms-container-full .wpforms-form input[type=time], div.wpforms-container-full .wpforms-form input[type=url], div.wpforms-container-full .wpforms-form input[type=week], div.wpforms-container-full .wpforms-form select, div.wpforms-container-full .wpforms-form textarea {
    border-radius: 25px !important;
}

    Feel free to adjust the border-radius value in that snippet according to your preference.

    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!

Viewing 1 replies (of 1 total)
  • The topic ‘Rounded Fields’ is closed to new replies.