How to customize form styling in Dawn theme using CSS?

Hello :slightly_smiling_face:

I’m using the Dawn theme and need to embed two forms using CSS. I have found a way to embed the code (sort of), but am unsure of how to modify the styling to match the rest of my site.

@AvadaCommerce any ideas?

Here is the CSS for the two forms:

#drip-ef-965441498 { font: .875rem/1.5rem sans-serif; width: 100%; } #drip-ef-965441498 h3 { font-size: 1.125rem; margin: 0 0 .375rem; } #drip-ef-965441498 > div { margin-bottom: .75rem; } #drip-ef-965441498 fieldset { border: none; margin: 0; padding: 0; } #drip-ef-965441498 legend { margin: 0; padding: 0; } #drip-ef-965441498 input[type="email"], #drip-ef-965441498 input[type="number"], #drip-ef-965441498 input[type="tel"], #drip-ef-965441498 input[type="text"] { margin: 0; padding: .375rem .5625rem; width: 100%; } #drip-ef-965441498 input[type="checkbox"], #drip-ef-965441498 input[type="radio"] { margin: .1875rem .1875rem 0 0; padding: 0; } #drip-ef-965441498 input[type="submit"] { margin: 0; padding: .375rem .5625rem; }
GET 20% OFF SITEWIDE

when you sign up for updates. 

We'll also send you freebies and other fun stuff!
First Name
Email Address
Website
#drip-ef-775454587 { font: .875rem/1.5rem sans-serif; width: 100%; } #drip-ef-775454587 h3 { font-size: 1.125rem; margin: 0 0 .375rem; } #drip-ef-775454587 > div { margin-bottom: .75rem; } #drip-ef-775454587 fieldset { border: none; margin: 0; padding: 0; } #drip-ef-775454587 legend { margin: 0; padding: 0; } #drip-ef-775454587 input[type="email"], #drip-ef-775454587 input[type="number"], #drip-ef-775454587 input[type="tel"], #drip-ef-775454587 input[type="text"] { margin: 0; padding: .375rem .5625rem; width: 100%; } #drip-ef-775454587 input[type="checkbox"], #drip-ef-775454587 input[type="radio"] { margin: .1875rem .1875rem 0 0; padding: 0; } #drip-ef-775454587 input[type="submit"] { margin: 0; padding: .375rem .5625rem; }
STAY IN THE KNOW
First Name
Email Address
Website