Magento 2 – Changing Style for Search Mini Form

magento2searchstylestheme

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

Best Answer

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.

Related Topic