Change screen reader to Bootstrap class
Use Bootstrap "sr-only" class instead of Wordpress class;
This commit is contained in:
parent
c015927740
commit
0f5e9b67da
|
@ -23,7 +23,7 @@ if ( ! defined( 'ABSPATH' ) ) {
|
||||||
?>
|
?>
|
||||||
<form role="search" method="get" class="woocommerce-product-search" action="<?php echo esc_url( home_url( '/' ) ); ?>">
|
<form role="search" method="get" class="woocommerce-product-search" action="<?php echo esc_url( home_url( '/' ) ); ?>">
|
||||||
<div class="input-group">
|
<div class="input-group">
|
||||||
<label class="screen-reader-text" for="woocommerce-product-search-field-<?php echo isset( $index ) ? absint( $index ) : 0; ?>"><?php esc_html_e( 'Search for:', 'woocommerce' ); ?></label>
|
<label class="sr-only" for="woocommerce-product-search-field-<?php echo isset( $index ) ? absint( $index ) : 0; ?>"><?php esc_html_e( 'Search for:', 'woocommerce' ); ?></label>
|
||||||
<input type="search" id="woocommerce-product-search-field-<?php echo isset( $index ) ? absint( $index ) : 0; ?>" class="search-field field form-control" placeholder="<?php echo esc_attr__( 'Search products…', 'understrap' ); ?>" value="<?php echo get_search_query(); ?>" name="s" />
|
<input type="search" id="woocommerce-product-search-field-<?php echo isset( $index ) ? absint( $index ) : 0; ?>" class="search-field field form-control" placeholder="<?php echo esc_attr__( 'Search products…', 'understrap' ); ?>" value="<?php echo get_search_query(); ?>" name="s" />
|
||||||
<input type="hidden" name="post_type" value="product" />
|
<input type="hidden" name="post_type" value="product" />
|
||||||
<span class="input-group-append">
|
<span class="input-group-append">
|
||||||
|
|
Reference in New Issue