[Resolved] Changing search icon in the menu in Volume template

[pocketmint]

Hi all, I am looking to edit the settings of the search icon in the Volume template (part of the site library) but was unable to find it. Can someone please help to navigate me on how to do this?

[Ying]

Hi there,

How do you want to change it? Do you want to switch an icon?

If so, this article should help:
https://docs.generatepress.com/article/generate_svg_icon_element/

[pocketmint]

Hi Ying, thanks for replying. I wish to change the Color of it rather than switch icon. Where can I find the icon settings?

[Fernando]

Hello there,

Try adding this through Appearance > Customize > Additional CSS:

span.gp-icon.icon-search svg {
    fill: #00ff00;
}

span.gp-icon.icon-search:hover svg {
    fill: #0000ff;
}

[pocketmint]

Hi Fernando, thank you. That worked!

[Fernando]

You’re welcome!

[Author]

Posts