How to fram in a URL

Hey redfoxbonds,

The reason for this is that your theme is targeting only form fields within specific parents.

Since the modals lie outside of those parents the styling isnt applied.

To fix this you either need to duplicate the stylings using the .modal class as the parent or add .modal to your existing rules. For instance the rule that controls the bg color for the inputs is

#top .main_color .input-text,
#top .main_color input[type="text"],
#top .main_color input[type="input"],
#top .main_color input[type="password"],
#top .main_color input[type="email"],
#top .main_color input[type="number"],
#top .main_color input[type="url"],
#top .main_color input[type="tel"],
#top .main_color input[type="search"],
#top .main_color textarea,
#top .main_color select

You can either add lines like this for every rule

.modal .input-text,
.modal input[type="text"],
.modal input[type="input"],
.modal input[type="password"],
.modal input[type="email"],
.modal input[type="number"],
.modal input[type="url"],
.modal input[type="tel"],
.modal input[type="search"],
.modal textarea,
.modal select

Or remove the parent requirements from the rules like so

.input-text,
input[type="text"],
input[type="input"],
input[type="password"],
input[type="email"],
input[type="number"],
input[type="url"],
input[type="tel"],
input[type="search"],
textarea,
select

or lastly just build your own simple set of needed styles for the modals

.modal input, .modal select, .modal textarea {}
.modal input[type=button], .modal button {}

etc

Hope this helps.