I created a custom theme for my store and I want to overwrite input and search button

For example: I want to remove the search button magnifier icon with other icon and add a background on that button.

What is the best way to do this?

Thank you


1 Answer 1


See here: How to add custom CSS / LESS in your custom theme ?

And to change icon this is the responsible class :

.block-search .action.search::before{
    content: '\e615';

Change content value to change the icon , more you can change style as you need.

After add your custom CSS / LESS you need to run the commands mentioned in reference answer.

I hope this will help you out.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.