how to change color of the fields when they are selected

  • Resolved elisaimp

    (@elisaimp)


    5 years, 9 months ago

    hello there,
    I tried a CSS code to change the fields’ border color and thickness when fields are selected, but it didn’t work on the message box.

    This is the CSS I used:
    div.wpforms-container-full .wpforms-form input:focus {
    border-color: #e1a792!important;
    border: 2px solid;

    I’d like to add a shadow effect too on the border when fields are selected. Is that possible?

    thank you

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

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

    (@ethanchoi)

    5 years, 9 months ago

    Hi elisaimp,

    To do what you’ve mentioned, you could use the following CSS:

    div.wpforms-container-full .wpforms-form input:focus, div.wpforms-container-full .wpforms-form textarea:focus, div.wpforms-container-full .wpforms-form select:focus {
  border: 2px solid #e1a792 !important;
  box-shadow: 5px 10px 50px #888 !important;
  -webkit-box-shadow: 5px 10px 50px #888 !important;
  -moz-box-shadow: 5px 10px 50px #888 !important;
}

    The box-shadow style property adds shadow to the input fields. You can use a box-shadow generator tool (like this one) to help you create the values you need.

    I hope this helps 🙂

    Thread Starter elisaimp

    (@elisaimp)

    5 years, 9 months ago

    thank you so much, it worked!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘how to change color of the fields when they are selected’ is closed to new replies.