• Resolved mcoustasse

    (@mcoustasse)


    Hi, I need support with the css to change the automatic theme color for the contact form, using wpforms.
    When u select a field, u see a “purple” border thing.
    I would like to remove that effect, or change the color.
    Please help me, I’ll wait for you answer and thank you anyway 🙂

    This is the example of what I want to change or remove (im working in localhost to try a new theme, cant share a website url, only screenshots):

    Contact Form, Purple hestia theme color when selecting a field.

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Support Ethan Choi

    (@ethanchoi)

    Hi mcoustasse,

    From your screenshot, it looks like the border style is an effect of the site theme. To modify the color, of the bottom border, you can use the following custom CSS:

    div.wpforms-container-full .wpforms-form input:focus {
        border-bottom: 1px solid #fff000 !important;
    }
    

    The snippet above adds a 1px yellow (#fff000) border when a field is selected. Please feel free to modify the style values according to your preference.

    And in case it helps, WPBeginner has a tutorial on how to add custom CSS like this to your site.

    I hope this helps 🙂

    Thread Starter mcoustasse

    (@mcoustasse)

    Hi @ethanchoi
    Thank you for your answer, the thing is that with that CSS, there is a border in some of the fields, but not in the message field for example, only name, email and phone number, the problem is that the “purple theme border thing” is still there and it looks wierd, like both border together, isnt there a way to desactivate any border effect while selecting a field of the form?
    So I dont need to start trying adding a different kind of contact form.
    Thank you,
    Matías Coustasse

    Plugin Support Ethan Choi

    (@ethanchoi)

    Hi mcoustasse,

    Thanks for the details. Could you share a link to the form on your site, so we can take a look?

    Thanks 🙂

    Plugin Support Ethan Choi

    (@ethanchoi)

    Hi mcoustasse,

    We haven’t heard back from you in about a week, so I’m going to go ahead an close this thread for now. But if you’d like us to assist, please feel welcome to continue the conversation (please just see my post above).

    Thanks! 🙂

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Contact WPForm CSS Fields Overlay’ is closed to new replies.