Hi
Is someone able to advise on how to reduce letter spacing on ‘add to cart’ button in dawn theme?
baelien
Many thanks
Hi
Is someone able to advise on how to reduce letter spacing on ‘add to cart’ button in dawn theme?
baelien
Many thanks
Hello There,
.product-form .product-form__submit {
letter-spacing: 0;
}
button.product-form__submit.button.button--full-width.button--primary {
letter-spacing: 0px !important;
}
Navigate to Online Store->Theme->Edit code
Asset->/base.css or theme.css ->paste below code at the bottom of the file.
Save it.
Thanks but neither of those work
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!
Sorry this still doesn’t work. Please can you check?
Hello There,
.product-form__submit span {
letter-spacing: 0;
}
button.product-form__submit.button.button--full-width.button--primary
{
font-size: 1.5rem;
letter-spacing: -0.1rem !important;
text-transform:uppercase !important
}
Thank you for that but it is still not working
I see you even haven’t added my code then how it will work.
I added it and it didn’t change anything for 5 mins so I deleted it.
Give me a screenshot or reference how exactly you want. because many of given Solution will work.
.product-form__submit {
letter-spacing: normal !important;
}
Remove this code and add my code
I want there to be no spacing between letters on button where it says ‘add to bag’ on all product pages.
Yes that picture is of how it looks currently. I want no spacing at all between letters
Kindly give me collaboration access so that i can fix it.
Because you are not able to add it.