How to change the "cancel(erase)" X icon in the Guide Search input field

Hi Ashley Yau

Yes, it's possible you need to update the color of your X icon image either using an Online tool or Photoshop, then upload the updated image in the place of the previous one

Thank You 

Pulkit

Pulkit Pandey

Any chance I can keep the default X icon but just to change the color? thanks!

Hi Ashley Yau

The image you're using for the X icon is it PNG or SVG?

Are you open to use the Font Awesome icons? 

Thanks 

Pulkit

Hi Pulkit Pandey

May I know if I would like to change the color of the "X" icon and search result hyperlink color, how can I do so? Thanks!

Hey Gaby,

Happy to hear :) 

Pulkit Pandey Amazing! That worked! Thank you so much.

Hey Gaby

You can place the below CSS at the bottom of your style.css file

Note: You have to upload the image which you want to use in the place of the default image on the assets folder, then add that URL in the place of content: URL()

input::-webkit-search-cancel-button {
 -webkit-appearance: none;
 content: URL();
 cursor: pointer;
}