How to customize the Search Form in Oxygen

September 13, 2018 Sridhar Katakam Leave a comment

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

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.

Already a member? Log in below or here.

Comments

For adding code blocks wrap the code in three backticks. Markdown should work.
Provide a URL of your site/webpage if something is not working.