SMS Confirmation Widget: How to change the field design to match with other fields?

Now what I need is the CSS code which can put the field design as the same as the others fields.

Please check the image:



Note that the field design pattern has a subtle border color which is rgb(225, 203, 158) with 4 border width.

Hi Carlos,

To change the field design and match it with other fields, check out the steps and screenshot below to see how to add the custom CSS to your widget:

• Click on the Wand icon to open Widget Settings.
• Open the Custom CSS tab and add the below code.

/*To change the field design - 16432261*/

input#phone {

    height: 40px;

    border: 4px solid rgb(225, 203, 158);

    border-radius: 5px;

    width: 310px !important;

}



button#send_btn {

    margin-top: 10px;

    width: 110px;

    height: 30px;

}

• Click on the Update button to save the changes.

Here's what the result will look like:

Here's the cloned version of the form that you can test.

Please give it a try and let us know how it goes.