In this page you will find relevant information to implement this plugin in your theme and extend its functionality. A detailed guide to CSS classes, plugin templates and WordPress hooks is also shown.

CSS Classes

EDD Ajax Search Form

This is the complete output of HTML with only id and class attributes, and also there is a CSS/LESS pattern to add it to your theme (EDD Ajax Search widget keeps same structure):

<div class="edd-ajax-search-container">
    <form id="edd-ajax-search-form">
        <input id="edd-ajax-search-search" class="edd-ajax-search-search edd-ajax-search-input ui-autocomplete-input">                   
        <select id="edd-ajax-search-categories" class="edd-ajax-search-categories edd-ajax-search-select"></select>
        <select id="edd-ajax-search-tags" class="edd-ajax-search-tags edd-ajax-search-select"></select>
        <select id="edd-ajax-search-post-types" class="edd-ajax-search-post-types edd-ajax-search-select"></select>
        <input id="edd-ajax-search-submit" class="edd-ajax-search-submit edd-ajax-search-button">
    </form>
</div>
/* Container style */
.edd-ajax-search-container {
	
}

/* Form style */
.edd-ajax-search-container #edd-ajax-search-form {

}

/* Search input style */
.edd-ajax-search-container #edd-ajax-search-form #edd-ajax-search-search {
	
}

.edd-ajax-search-container #edd-ajax-search-form #edd-ajax-search-search.edd-ajax-search-search.edd-ajax-search-input {
	
}

/* Categories select style */
.edd-ajax-search-container #edd-ajax-search-form #edd-ajax-search-categories {
	
}

.edd-ajax-search-container #edd-ajax-search-form #edd-ajax-search-categories.edd-ajax-search-categories.edd-ajax-search-select {
	
}

/* Tags select style */
.edd-ajax-search-container #edd-ajax-search-form #edd-ajax-search-tags {
	
}

.edd-ajax-search-container #edd-ajax-search-form #edd-ajax-search-tags.edd-ajax-search-tags.edd-ajax-search-select {
	
}

/* Post type select style */
.edd-ajax-search-container #edd-ajax-search-form #edd-ajax-search-post-types {
	
}

.edd-ajax-search-container #edd-ajax-search-form #edd-ajax-search-post-types.edd-ajax-search-post-types.edd-ajax-search-select {
	
}

/* Submit input style */
.edd-ajax-search-container #edd-ajax-search-form #edd-ajax-search-submit {
	
}

.edd-ajax-search-container #edd-ajax-search-form #edd-ajax-search-submit.edd-ajax-search-submit.edd-ajax-search-button {
	
}
// Container style
.edd-ajax-search-container {

	// Form style
	#edd-ajax-search-form {

		// Search input style 
		#edd-ajax-search-search {

		}

		#edd-ajax-search-search.edd-ajax-search-search.edd-ajax-search-input {

		}

		// Categories select style
		#edd-ajax-search-categories {

		}

		#edd-ajax-search-categories.edd-ajax-search-categories edd-ajax-search-select {

		}

		// Tags select style
		#edd-ajax-search-tags {

		}

		#edd-ajax-search-tags.edd-ajax-search-tags edd-ajax-search-select {

		}

		// Post type select style
		#edd-ajax-search-post-types {

		}

		#edd-ajax-search-post-types.edd-ajax-search-post-types edd-ajax-search-select {

		}

		// Submit input style
		#edd-ajax-search-submit {

		}

		#edd-ajax-search-submit.edd-ajax-search-submit.edd-ajax-search-button {

		}
	}
}

To continue reading you need to renew your license of EDD Ajax Search