Reduce letter spacing on ‘add to cart’ button

[annabelleoayda]

Hi

Is someone able to advise on how to reduce letter spacing on ‘add to cart’ button in dawn theme?

https://enzoh.shop/

baelien

Many thanks

[ZestardTech]

Hello There,

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

.product-form .product-form__submit {
letter-spacing: 0;
}

[Zworthkey]

@annabelleoayda

button.product-form__submit.button.button--full-width.button--primary {
    letter-spacing: 0px !important;
}

@annabelleoayda

1. Navigate to Online Store->Theme->Edit code

2. Asset->/base.css or theme.css ->paste below code at the bottom of the file.

3. Save it.

[annabelleoayda]

Thanks but neither of those work

[LitCommerce]

Hi @annabelleoayda ,

Go to Assets > base.css and paste this at the bottom of the file:

.product-form__submit {
    letter-spacing: normal !important;
}

After you add the code it will show like this:

and please add “}” to close the code like my other tutorial.

Hope it helps!

[annabelleoayda]

Sorry this still doesn’t work. Please can you check?

[ZestardTech]

Hello There,

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

.product-form__submit span {
letter-spacing: 0;
}

[Zworthkey]

button.product-form__submit.button.button--full-width.button--primary
{
    font-size: 1.5rem;
    letter-spacing: -0.1rem !important;
    text-transform:uppercase !important
}

@annabelleoayda

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

[annabelleoayda]

Thank you for that but it is still not working

[Zworthkey]

@annabelleoayda

I see you even haven’t added my code then how it will work.

[annabelleoayda]

I added it and it didn’t change anything for 5 mins so I deleted it.

[Zworthkey]

Give me a screenshot or reference how exactly you want. because many of given Solution will work.

[Zworthkey]

.product-form__submit {
    letter-spacing: normal !important;
}

Remove this code and add my code

[annabelleoayda]

I want there to be no spacing between letters on button where it says ‘add to bag’ on all product pages.

[Zworthkey]

both are the Same i can’t understand what are you looking

[annabelleoayda]

Yes that picture is of how it looks currently. I want no spacing at all between letters

[Zworthkey]

@annabelleoayda

Kindly give me collaboration access so that i can fix it.

Because you are not able to add it.