Published on October 14, 2018

Magnifying glass image icon for Search submit button in Oxygen

Sridhar Katakam

Looking to replace the search button text with an image of a search icon in Oxygen?

Add the following CSS:

.oxy-search-form input[type=submit] {
    background: url(https://www.freeiconspng.com/uploads/search-icon-png-1.png) no-repeat center;
    background-size: 64px;
    text-indent: -9999em;
}

You might want to download https://www.freeiconspng.com/uploads/search-icon-png-1.png, upload it to your WordPress Media Library and use that URL.

That’s it.

Credit: Download Search Icon

tagschevron-leftchevron-rightchainangle-rightangle-upangle-downfolder-omagnifiercrossmenuchevron-downarrow-right