Wrong color on textarea focus

  • Resolved st3phan5

    (@st3phan5)


    6 years, 3 months ago

    Hi all,

    first, my setup I rely on is:
    ? OceanWP (free) + Child Theme
    ? Elementor (free)
    ? Caldera Forms (free)

    I deactivated CSS in Caldera Forms to use the WP Theme Customizer for OceanWP. I changed the colors to fit the form elements (inpt + textarea) to my style. All works fine!

    There is just one small thing! When doing a focus on input elements, the border-color changes to the color I set up. But when doing a focus on the textelement, it changes to “red” (#e9322d) – the border-color used for invalid/missing inputs. After typing one or more letters into the textarea it changes to the color I set up. This may be confusing for customers … especially with the red color.

    I picked up the red color and found out it is used by OceanWP in assets > css > ‘style.css:1979’ with ‘form textarea:focus:invalid’ (some bootstrap css?). I can change the color at this place (and in the style.min) which has the effect the red changes to the color I set up manually. This shows my, that this is the place the ‘error’ comes from.

    Does anyone have any experience with this? I can reproduce it with several browser.

    Thanx a lot!

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

Viewing 1 replies (of 1 total)
  • Theme Author oceanwp

    (@oceanwp)

    Hello, add this css code in the custom css section of the customizer:

    form input:focus:invalid, form textarea:focus:invalid, form select:focus:invalid {
    color: #333;
    border-color: #9dc900;
}
Viewing 1 replies (of 1 total)
  • The topic ‘Wrong color on textarea focus’ is closed to new replies.