Custom CSS for SmartyStreets widget

  • Profile Image
    Asked on November 18, 2015 at 09:34 AM

    how can i add css so the box of fields will match the rest of the form?

  • Profile Image
    Answered on November 18, 2015 at 10:05 AM

    You can add your custom CSS code to design the SmartyStreets widget in your widget's settings under the "Custom CSS" tab. Just click the wizard or wand icon when you click the widget to open the settings.


    You can replace the CSS code and try adding this one:

    #street_address, #city, #state, #zip_code {

    margin-left: 0;

    border: 1px solid #ccc;

    font-size: 1em;

    line-height: 1.071em;

    box-shadow: 0 1px 2px #eee inset;

    background: white !important;



    I copied the design of the default text boxes in your form and came up with the above code. You can see how it looks like in this cloned form I have: 

    Let us know if you need more help on this.