round field corner dropdown like the rest

  • oldpc
    Asked on February 11, 2021 at 5:25 PM
  • Vick_W Jotform Support
    Replied on February 11, 2021 at 10:13 PM

    Hi there,

    I'm checking this for you and will get back to you shortly.

    Thanks

  • Vick_W Jotform Support
    Replied on February 11, 2021 at 11:03 PM

    Hi there,

    Please inject the following CSS in the widget custom CSS section.

    .form-control {
      border-radius: 4px !important;
    }

    Related Guide: https://www.jotform.com/help/428-how-to-inject-css-codes-to-widgets

    You can increase the pixels in the code above to increase the curves.

    Let us know if you need further assistance.

    Thanks

  • oldpc
    Replied on February 12, 2021 at 8:42 AM

    it only rounded the field, not the picker button:

    1613137339 602685bb1832f  Screenshot 10

  • Cecile JotForm Support
    Replied on February 12, 2021 at 9:12 AM

    Hello there,

    Kindly try adding .input-group-addon to your CSS selector. Do not forget to add comma before it.

    1613138994 60268c3203148 28 Screenshot 10

    Result:

    1613139109 60268ca52b32d 29 Screenshot 21

    Let us know if you need further assistance.

    Thank you.

  • oldpc
    Replied on February 12, 2021 at 12:00 PM
    That worked, thanks, I still need the input background white, please click and fill out the for until you get to the date field:
    https://www.homebulletincompany.com/
    ...
  • Cecile JotForm Support
    Replied on February 12, 2021 at 2:49 PM

    Please add  background: white !important; to your widget's custom CSS.

    1613159318 6026db966e0ae 37 Screenshot 10

    Let us know how it goes.

    Thank you.