Help with CSS for Product Filter on site

HTML & CSS
2

To start: Im testing on MacBook Air ( Monterey + all updates installed ). Browsers:

  • Safari
  • Chrome

Css class

browser independent thing
.search-input

Things to do:

  • RMC on searchbar > Diagnose ( Safari ) / Open WebTools ( Chrome )
  • Select Elements > Styles
  • Hover over searchbar > its class will be highlighted
  • (Un)check what you want.

Looks like this

Note if you are on Safari

Once you do your changes and refresh / reload page, Safari will load default CSS ( your changes will disappear ). To countermeassure this, you need to:

  • write your rules in separate CSS file > save it;
  • In Safari, go to Settings > Advanced > CSS and point to where you saved your CSS