Change focus

Hello @jamesmota,

You can do it through a custom CSS snippet. Kindly insert the blow CSS on your child theme’s style.css file or on the Additional CSS area which you can find on Appearance -> Customize section.

button#wpforms-submit-3058 {
    border-color: #ef4036 !important;
}

It should work fine for you. Let me know the update.

Cheers!

Thanks. The button works.

But the biggest difficulty is in the 5 inputs above it. A color border appears: # A5C7FE. It could be changed color, removed, or add border-radius. I keep trying.

Cheers!

Hello @jamesmota,

Great to hear that the button works. However, kindly add the below CSS to solve the outline color issue-

div#wpforms-3058-field_0-container input:focus {
    outline: none !important;
}

Cheers!

Thanks. Very interesting. With the exception of # 2, they all work. I tested the grouped CSS, and the one below separated:

/* Outlines */
#wpforms-3058-field_0-container input:focus,
#wpforms-3058-field_1-container input:focus, #wpforms-3058-field_3-container input:focus,
#wpforms-3058-field_4-container input:focus,
#wpforms-3058-field_5-container input:focus {
outline: none !important;
}

#wpforms-3058-field_2-container input:focus {
outline: none !important;
}

@jamesmota, You should try with the higher Class then like as div#wpforms-3058 ??

Good @nazmulhassann20 ! Thanks! Working:

#wpforms-3058 textarea:focus {
outline: none !important;
}

@jamesmota, Glad to hear that ??