round field corner dropdown like the rest

  • Profile Image
    oldpc
    Asked on February 11, 2021 at 05:25 PM
  • Profile Image
    Vick_W
    Answered on February 11, 2021 at 10:13 PM

    Hi there,

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

    Thanks

  • Profile Image
    Vick_W
    Answered 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

  • Profile Image
    oldpc
    Answered on February 12, 2021 at 08:42 AM

    it only rounded the field, not the picker button:

    1613137339_602685bb1832f_

  • Profile Image
    Cecile_A
    Answered on February 12, 2021 at 09: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.png

    Result:

    1613139109_60268ca52b32d_29.png

    Let us know if you need further assistance.

    Thank you.

  • Profile Image
    oldpc
    Answered 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/
    ...
  • Profile Image
    Cecile_A
    Answered on February 12, 2021 at 02:49 PM

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

    1613159318_6026db966e0ae_37.png

    Let us know how it goes.

    Thank you.