Hi There,
Sorry the code was mean for the search overlay. To resolve this thread, please do the following:
##1
Assuming that you have your child theme active and ready, please follow the following steps below:
1] Using Notepad or TextEdit or Sublime Text or any text editor, please create a new file in your local machine.
2] Insert the following code into that new file
<?php
// =============================================================================
// SEARCHFORM.PHP
// -----------------------------------------------------------------------------
// Template for displaying search forms in X.
// =============================================================================
?>
<form method="get" id="searchform" class="form-search" action="<?php echo esc_url( home_url( '/' ) ); ?>">
<label for="s" class="visually-hidden"><?php _e( 'Search', '__x__' ); ?></label>
<input type="text" id="s" class="search-query" name="s" placeholder="<?php esc_attr_e( 'Search', '__x__' ); ?>" />
</form>
3] Save the file named as searchform.php
4] Upload this file to your server in the child theme’s folder wp-content/themes/x-child/
##2
You can use this custom css instead:
.x-search-shortcode .form-search .search-query{
font-size: 20px;
background-color: transparent;
}
.x-search-shortcode .form-search:before {
font-size: 18px;
margin-bottom: -10px;
}