Loop icon for PHP Search

[TrevorR]

Hello,

I have hereunder and I would like to have a loop icon instead of the text search. Exactly like this : https://codepen.io/huange/pen/rbqsD

 <input type="submit" value="<?php echo "search"; ?>" class="loop1" />

in CSS file (what I have tried):

.loop1 { font-size: 0; } .loop1::before { content: "\f002"; font-family: FontAwesome; padding-right: 10px;}

Another try (included style in HTML):

<input type="submit" value="<?php echo '<i class="fa fa-search"></i>'; ?>" class="loop1" />

Both fail, thanks for any hint.

[Moorcam]

      <input type="text" class="searchTerm" placeholder="What are you looking for?">
      <button type="submit" class="searchButton">
        <i class="fa fa-search"></i>
     </button>

You need Font Awesome. If you have it, try the above. 

https://fontawesome.com/icons?d=gallery&p=2

 

Edited March 20, 2021 by DanEthical

[TrevorR]

Many thanks, it's working perfectly now !

[Moorcam]

On 3/21/2021 at 1:29 AM, TrevorR said:

Many thanks, it's working perfectly now !

You are very welcome.