-
jbellavanceAsked 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.
-
jherwinReplied 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.