Hi everyone, do you know how to make the font of the 2 buttons smaller, make the buttons smaller and not have the bold font? I would also like to make the font of the titles below smaller.
Thanks a lot to everyone
password: refade
Topic summary
A user seeks help reducing font sizes and button dimensions on their product page, specifically wanting to:
- Make two buttons smaller with non-bold, reduced font size
- Decrease the font size of titles below the buttons
A community member provides a CSS solution to paste into Theme Customizer → Settings → Custom CSS:
For buttons:
product-form.product-form button:not(.shopify-payment-button__more-options),
product-form.product-form button span.shopify-cleanslate {
font-size: 1rem !important;
}
For dropdown titles:
.accordion__title.inline-richtext {
font-size: 1.3rem !important;
}
The responder notes these values are adjustable to preference. Screenshots were shared showing the Custom CSS location and the specific page elements requiring modification.
Hey @Marco211 ,
Please paste this in the Custom CSS box in the Theme Customizer → Settings
The first one is for the buttons, the second for the drop-down title, adjust them as you please.
product-form.product-form button:not(.shopify-payment-button__more-options),
product-form.product-form .shopify-cleanslate span {
font-size: 1rem !important;
}
.accordion__title.inline-richtext {
font-size: 1.3rem !important;
}
You should find the Custom CSS here,
1 Like