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 ($37/month or $399 one-time).

Already a member? Log in below or here.

Need help implementing a tutorial in your site or want to hire me for custom work?


Find the article helpful and wish to donate?

linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram
%d bloggers like this: