Change boldness of icons

[ErhatRO]

Hello!

I would like assistance making the shopping bag and menu the same "boldness" as the magnifying glass. The shopping bag seems a little lighter and the menu is in bold.

[Kyle_liu]

Hi  @ErhatRO 

Please  share your website url.

[ErhatRO]

@Kyle_liu RIGHTEOUS OFFICIAL

right5785*

[Kyle_liu]

You can edit your theme code and add the following code for each path：

 stroke="#b8260d" stroke-width="0.3" 

[ErhatRO · Accepted solution]

@Kyle_liu 

This is working, thank you!

[Kyle_liu]

Hi @ErhatRO 

Is it possible to mark my reply as Accepted, 😃

[Dan-From-Ryviu]

Hi @ErhatRO 

You can try to add this code to Custom CSS in Online Store > Themes > Customize > Theme settings 

.header__icon--menu svg path,
.header__icon--cart svg path {
    stroke-width: 1px;
    stroke: #b8260d;
}
html .header__icon .icon-search {
    width: 19px !important;
    height: 18px !important;
}

[ErhatRO]

hello @Dan-From-Ryviu 

This seems to have made them larger and bolder. I like the normal outline of the search icon so I would want the menu and shopping bag to match that while keeping the same size that they currently are.