How can I make the SVG icons in my header bold?

Shopify Discussion

Topic summary

A user seeks help making SVG icons in their Shopify header appear bold.

Proposed Solution:

  • A PageFly representative provides CSS code to be added to the theme.liquid file above the </head> tag
  • Instructions include: navigating to Online Stores > Themes > Actions > Edit code, then pasting the code snippet

Current Status:

  • The user reports the code didn’t produce any changes
  • The support representative cannot verify the code was properly implemented and requests a screenshot showing where it was added
  • An image showing the expected result when the code is correctly applied has been shared

Note: The discussion remains unresolved pending confirmation of proper code placement.

Summarized with AI on November 13. AI used: claude-sonnet-4-5-20250929.
1

How can I bold the svg icons in my header? Any help is greatly appreciated!

Screenshot 2024-01-23 at 1.52.28 PM.png
Screenshot 2024-01-23 at 1.52.28 PM.png2786×236 23.7 KB

2

Hi @flammagreg

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the

Hope this can help you solve the issue

Best regards,

Richard | PageFly

3

The code didn’t change anything.

4

i checked but cannot see the code was added, can you screenshot where you added it?
result when add the code here

PageFlyRichard_0-1706069823248.png
PageFlyRichard_0-1706069823248.png850×382 6.21 KB