Archived topic

Search Icon

3 replies · Started by Ash on June 24, 2020

Viewing posts 1–4 of 4

Just a quick question. Using ajax search but there icon just doesnt look right. Is there a way I could use the themes search icon instead.

If I wanted to use font awesome I could use this function to replace it, so could a similar function be used to use gp search icon?

add_filter( 'dgwt/wcas/form/magnifier_ico', function ( $html ) {

    $html = '<i class="fa fa-search dgwt-wcas-ico-magnifier"></i>';

    return $html;
} );

Hi there,

try using the themes SVG for your $html content:

<svg viewBox="0 0 512 512" aria-hidden="true" role="img" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1em" height="1em">
<path fill-rule="evenodd" clip-rule="evenodd" d="M208 48c-88.366 0-160 71.634-160 160s71.634 160 160 160 160-71.634 160-160S296.366 48 208 48zM0 208C0 93.125 93.125 0 208 0s208 93.125 208 208c0 48.741-16.765 93.566-44.843 129.024l133.826 134.018c9.366 9.379 9.355 24.575-.025 33.941-9.379 9.366-24.575 9.355-33.941-.025L337.238 370.987C301.747 399.167 256.839 416 208 416 93.125 416 0 322.875 0 208z"></path>
</svg>

Excellent thanks.

You're welcome

This archived topic is closed to new replies.