Icons appear bigger, how do I change the size?

[tinee]

The icons (specifically, the minus and add icons) appear bigger than what it's supposed to look like.

How do I change the size? I don't know where to find the correct file to change it. Here is the link to the site:

https://bagsinthecitymanila.com/ (under the products)

[PaulNewton · Accepted solution]

Hi @tinee  👋 looks like some styles may be missing from that theme.

Use a custom css setting and start with this tailoring to need:

.quantity__button svg {
  width: 1rem;
  pointer-events: none;
}

https://help.shopify.com/en/manual/online-store/themes/theme-structure/extend/add-css 

If there are other odd things on your site you may need to repair your theme either by a file-rollback

https://help.shopify.com/en/manual/online-store/themes/theme-structure/extend/edit-theme-code#roll-b... 

Or transplanting a file such as base.css from a unmodifed install of the theme to the broken theme.

If you need theme repair services, or customization then contact me for services.
Contact info in forum signature.
ALWAYS please provide context, examples: store url, theme name, post url(s) , or any further detail in ALL correspondence.

[LizHoang]

Hi Tinee

- You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file base.css and add this code at the end of the file

.quantity__button svg {
    width: 1rem !important;
}

Result: 

Best,
Liz