Dawn theme icon thickness change - urgent

[Sivadarshan]

I’m using the dawn theme in that I want to make the cart, wishlist button, mobile view hamburger menu, account icon thichness ( to be increased ) needs to be changed.

website: https://ambersilverz.myshopify.com/

password: amber

I want like this reference image

[Himanipanchal07]

@Sivadarshan Here we need to change the icon itself, as it’s svg loaded here, so we need to update it from the code files

[tim_1]

As a simple step, try this in Theme Settings=> “Custom CSS”:

[class*=icon] path {
  stroke: #b8682c;
  stroke-width: 0.75; /* can play with this, may be not needed */ 
}

[Dan-From-Ryviu]

You can add this code to Custom CSS of your Theme settings to do that.

.header__icon svg path,
.header__icons svg path {
    stroke: #b8682c;
    stroke-width: 1px;
}

Best regards,
Dan from Ryviu: Product Reviews App

[Denishamakwana]

Please add below css code at bottom of assets/base.css file

.header__icon svg path, .header__icons svg path {
stroke-width: 1px;

}

Thank you.

[WebDeskSolution]

Hello @Sivadarshan

Please follow the steps below after logging into the Shopify admin:

• Go to your Shopify Admin panel.

• Click on Online Store > Themes.

• Find the live theme and then click Actions > Edit code.

• Search base.css

• Insert the provided CSS code at the end of the file and save the changes.

.xb-wishlist-header-icon__svg svg path {
    stroke: #b8682c;
    stroke-width: 1;
}
.header__icon.header__icon--cart .svg-wrapper svg path {
    stroke: #b8682c;
    stroke-width: 1;
}
.header .menu-drawer-container .header__icon--menu svg.icon.icon-hamburger path {
    stroke: #b8682c;
    stroke-width: 1;
}
.header__icon.header__icon--account account-icon .icon path {
    stroke: #b8682c;
    stroke-width: 1;
}

Please hit Like and Mark it as a Solution if you find our reply helpful.