How can I change header button colors on my website?

Store Design

Topic summary

  • Goal: Change the header “buttons” on ecofuego.com to white.

  • Proposed fix: Add a CSS rule targeting SVG icons within header navigation links:
    .site-nav__link svg path { color: #fff; }
    This sets the SVG path color to white (#fff). The code snippet is the key artifact in the thread.

  • Response: The original poster confirmed appreciation after receiving the CSS suggestion.

  • Status/Next steps: The helper asked for the thread to be marked as solved if the fix worked. No further issues or alternative solutions were raised.

  • Notes: An image was included by the original poster for context, but the resolution hinges on applying the provided CSS snippet. The discussion appears resolved pending formal confirmation (marking as solved).

Summarized with AI on January 22. AI used: gpt-5.
1

TimJeffs_0-1691510264085.png

Hello,

I’d like to change these buttons in my header to be white.

Please could someone advise.

https://ecofuego.com/

Thank you.

2

Hi Tim,

Add this style

.site-nav__link svg path {
    color: #fff;
}
1 Like
3

Thankyou very much

4

If this solve your problem then can you please mark it as solved. Thank you