Published on Aug 1, 2019

Styling the Search Form in Oxygen

Sridhar Katakam

This members-only tutorial provides the steps to improve the HTML output and look of the search form in Oxygen.

Before:

After:

Step 1

Install and activate Code Snippets plugin.

Go to Snippets > Add New.

Title: Add support for HTML5 markup

Code:

add_theme_support( 'html5', array( 'comment-list', 'comment-form', 'search-form', 'gallery', 'caption' ) );

Save and activate.

Step 2

Add the following CSS.

A good place to add is Manage > Stylesheets in the Oxygen editor.

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-omagnifiercrossmenuchevron-downarrow-right