Solved

Change design of product page

Marco211
Explorer
84 0 19

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

Screenshot 2024-01-23 192018.png

 

refadestudios.com

password: refade

Accepted Solution (1)

ThePrimeWeb
Shopify Partner
1118 291 223

This is an accepted solution.

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,

ThePrimeWeb_0-1706034730090.png

 


 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com

View solution in original post

Reply 1 (1)

ThePrimeWeb
Shopify Partner
1118 291 223

This is an accepted solution.

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,

ThePrimeWeb_0-1706034730090.png

 


 

Was I helpful?

Buy me a coffee

🙂

Need help with your store? contact@theprimeweb.com