Letter Spacing - Price & Add to Cart Button & Sizes

[drew23]

Hey, I would like to decrease the letter spacing on the Price, ATC button and the sizes. Does anyone know, what the code is I need to use?

Thanks in advance

[diego_ezfy]

Hello @drew23 ,

Please share:

• your store URL;
• page URL with the issue you mention;
• storefront password (if your store has one).

If the store is not online yet, please follow this quick tutorial to learn how to safely and temporarily share an offline/unpublished theme URL.

Kind regards,
Diego

[drew23]

https://brokenmind.com/products/test-black-tee PW: TESTX

[Ahsan_ANC]

Hi, @drew23

You can try this code

1. Go to Online Store-> Theme->Edit code
2. Asset-> base.css ->paste the below code at the bottom of the file.

for add to cart button

#product-form-template--16248727994603__main > div > button > span{
	letter-spacing: 0;
	font-size: 14px;
}

for price

#price-template--16248727994603__main > div > div > div.price__regular > span.price-item.price-item--regular{
	letter-spacing: 0;
	font-size: 15px;
}

[diego_ezfy]

@drew23 , do this to fix it in 20 seconds:

1. In your Shopify Admin go to: online store > themes > actions > edit code
2. Find Asset >base**.css** and paste this at the bottom of the file:

/* Button */
.product-form__submit{
    letter-spacing: 0px !important;
}

/* Options */
.product-form__input label{
    letter-spacing: 0px !important;
}

/* Price */
[id*='price'] .price{
    letter-spacing: 0px !important;
}

You can change the 0px to any other value you wish.

If it helps you please click on the “like” button and mark this answer as a solution!

Thank you.

Kind regards,
Diego

[drew23]

Thanks for you help guys!
Do you guys know how to change the letter spacing for the price on the homepage?