Search field change background color on focus

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

  • You can do this by adding a little bit of custom CSS code.

    Go into your site’s admin Dashboard and select Appearance → Customize →?Additional CSS. In the CSS textbox on the left, add the following code:

    input#woocommerce-product-search-field-0:focus {
  background-color: #ffffff !important;
}

    Select “Save Changes” from the top, and your changes will be applied to your site.

    • This reply was modified 4 years, 7 months ago by Senff.
    Thread Starter spaniole

    (@spaniole)

    It was spot on, thank you very much.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Search field change background color on focus’ is closed to new replies.