• Resolved jamesmota

    (@jamesmota)


    I need to edit or remove the blue border that appears in the fomrulario inputs in: focus mode. The other settings have already changed with CSS. Example of input below:

    <input type=”text” id=”wpforms-3058-field_0″ class=”wpforms-field-large wpforms-field-required” name=”wpforms[fields][0]” placeholder=”Nome” required=””>

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)
  • Nazmul Hassan

    (@nazmulhassann20)

    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!

    Nazmul Hassan

    (@nazmulhassann20)

    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;
    }

    Nazmul Hassan

    (@nazmulhassann20)

    @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;
    }

    Nazmul Hassan

    (@nazmulhassann20)

    @jamesmota, Glad to hear that šŸ™‚

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Change focus’ is closed to new replies.