[Resolved] Search Icon

Home Forums Support Search Icon

  • This topic has 3 replies, 2 voices, and was last updated 3 months ago by David.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1339883
    Ash

    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;
    } );
    #1339988
    David
    Staff
    Customer Support

    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>
    #1339998
    Ash

    Excellent thanks.

    #1340002
    David
    Staff
    Customer Support
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.