Change Country Field Border and Background Colour

Hi @ejaganece,

Thank you for reaching out to us.

The following CSS should help you with the requirement, please give it a try.

span.select2-selection.select2-selection--single {
    border: 2px solid #FF902B !important;
    border-radius: 15px;
    background-color: #ffffff !important;
}

span.forminator-select-dropdown.forminator-custom-form-1100.forminator-dropdown--bold.forminator-select-dropdown--above {
    background-color: #fff;
    border-color: #ff902b;
}

.forminator-select-dropdown-container--open .forminator-custom-form-1100.forminator-dropdown--bold .select2-results .select2-results__options .select2-results__option:not(.select2-results__option--selected).select2-results__option--highlighted {
    background-color: #ff902b !important;
}

You can add the above CSS at WP Dashboard >> Appearance >> Customize >> Additional CSS.

Kind Regards,
Nebu John

Thanks for the reply, i tried that css code its working fine but i can’t change border width for Country Field hover, please check my image.

Image Source: https://i.imgur.com/DXfzwOC.png

Hi @ejaganece

I checked your page but I don’t see the country field, could you add it and we can verify the CSS for you?

Best Regards
Patrick Freitas

Thanks for the reply, please click Next Button in “Donator Info” Section in https://slvtcc.com.

Image Source: https://i.imgur.com/72iKZem.png

View post on imgur.com

Hi @ejaganece,

The following CSS should help, please give it a try.

.forminator-select.forminator-select-dropdown-container--open .forminator-select-dropdown.forminator-dropdown--bold .select2-search input {
    border-width: 2px;
}
span.forminator-select-dropdown.forminator-custom-form-1100.forminator-dropdown--bold.forminator-select-dropdown--above {
    border-width: 2px;
}

Feel free to get back to us if you need any further assistance.

Kind Regards,
Nebu John

Thanks for the reply its working only for dropdown–above so i add class for dropdown–below

span.forminator-select-dropdown.forminator-custom-form-1100.forminator-dropdown–bold.forminator-select-dropdown–below {
border-width: 2px !important;
}

its working fine.

I have one more doubt, how can i hide drop shadow for Submit, Next, Previous Buttons.

Thank You,
Jagan

Hi @ejaganece

This CSS should help:

.forminator-button:hover {
	-webkit-box-shadow: none!important;
  box-shadow: none!important;
}

Add it to the site just like the previous one (via Appearance -> Customize -> Additional CSS) and make sure to clear all caches and it should get rid of the shadow on hover.

Best regards,
Adam

Hello @ejaganece ,

We haven’t heard from you for over a week now, so it looks like you no longer need our assistance.

Please feel free to re-open this ticket if needed.

kind regards,
Kasia