We're evolving to serve you better! This current forum has transitioned to read-only mode. For new discussions, support, and engagement, we've moved to GitHub Discussions.

How to change the color of the magnifying glass (search icon)

January 28, 2020 at 8:55 am #1548

[anonymous]

Hey there!

I recently created a static blog. Really proud of, it’s like my baby: iambr.uno

The thing is I have no idea how to change the color from white of the Search icon. (Check image attached).

Any idea? I got the Simple theme.

Cheers

January 28, 2020 at 9:40 am #1552
Bob
Adding the following code should help:
```
.search__btn > svg {
   fill: #000;
}
```
January 28, 2020 at 10:18 am #1553

[anonymous]

Thank you very much Bob but… ¿where should I include that? ¿On the <head> custom HTML?

Let me ask you one more question:

¿How can I change the background color? I tried changing all the available colors and none worked. I wanted to make the background black.

Thank you in advance,

January 28, 2020 at 10:24 am #1554

Bob

Just use the Custom CSS tool.

Our support doesn’t include custom development or customization. If you need some extra features or elements in our themes, feel free to contact us via https://getpublii.com/customization-service/ page.

January 28, 2020 at 4:08 pm #1563

[anonymous]

[anonymous] wrote:

Thank you very much Bob but… ¿where should I include that? ¿On the <head> custom HTML?

Let me ask you one more question:

¿How can I change the background color? I tried changing all the available colors and none worked. I wanted to make the background black.

Thank you in advance,

If you want to also cover hover and focus, you could also add in the Custom CSS Tool:

`.search__btn:focus > svg, .search__btn:hover > svg {fill:rgba(0, 0, 0, .7)}`