Published on Sep 13, 2018

How to customize the Search Form in Oxygen

Sridhar Katakam

In this members-only tutorial, we shall

  • enable HTML5 for the search form
  • add CSS to hide the screen reader text
  • add a code snippet to customize the entire search form markup and change the search input placeholder text and search button text

in Oxygen.

Step 1

Add support for HTML5 markup in Oxygen.

Step 2

Install and activate Code Snippets plugin.

Add a new Snippet titled say, "Customize Search Form" having the following code:

This is a premium members-only content.

To view the rest of the content, please sign up for membership ($47/month or $499 one-time).

Already a member? Log in below or here.

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