How can I change the look of a widgets?

  • jbellavance
    Asked on January 10, 2019 at 4:19 PM

    I can't find the code to change my widget look to match my theme. I need CSS for the Autocompleted address and email verifier widgets to match my Sleek theme. 

  • jherwin
    Replied on January 10, 2019 at 4:54 PM

    Please inject this custom CSS Code to your widgets.

    Autocomplete address widget:

     input#autocomplete,input#locality,input#administrative_area_level_1,input#postal_code,input#country{ padding3px;

        margin-left: 0;

        border: 1px solid #ccc;

        font-size: 1em;

        line-height: 1.071em;

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

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

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

        border-radius: 3px;

        height:30px;

    }

    Email Validator widget:

        input#mail{margin-left: 0;

        border: 1px solid #ccc;

        font-size: 1em;

        line-height: 1.071em;

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

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

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

        border-radius: 3px;

        height:30px;}

    Guide: How to Inject CSS Codes to Widgets.

    Demo form: https://form.jotform.com/90096059125962.

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