Increase size of the text on the Buy Button (just the text)

Masaru
Excursionist
42 0 10

Hello, I recently managed to increase the size of my product page's buy button, but now the text on it is pretty small.

 

Does anybody know a code to increase just the text?

 

 

Thank you!

Replies 16 (16)
KetanKumar
Shopify Partner
35854 3584 11601

@Masaru 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!😊
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Marvic
Shopify Partner
189 38 37

@Masaru Please share your store URL and password(If it is password protected.). So that I can check and give you the exact solution. 

Marvic | EFOLI
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- Checkout our apps:Inkybay || MultiVariants
AvadaCommerce
Shopify Partner
3879 835 764

Hi @Masaru ,

 

Please share your store URL and if your store is password protected then please provide password too.

So that we can help you.

Thank you.

AVADA - Top Rated App for Email, SMS, Popups


Check our website for full features and start a FREE TRIAL.
Install another app to boost sales, 100% FREE

Masaru
Excursionist
42 0 10
Masaru
Excursionist
42 0 10
KetanKumar
Shopify Partner
35854 3584 11601

@Masaru 

sorry 

KetanKumar_0-1648891887609.png

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Masaru
Excursionist
42 0 10

It should be ok now!

AvadaCommerce
Shopify Partner
3879 835 764

Hi @Masaru ,

 

You can follow the instruction below:

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

.product-form__cart-submit {
   font-size: 20px !important;
}

NOTE: You can change value 20px to match your theme.

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

AVADA - Top Rated App for Email, SMS, Popups


Check our website for full features and start a FREE TRIAL.
Install another app to boost sales, 100% FREE

KetanKumar
Shopify Partner
35854 3584 11601

@Masaru 

great thanks can you please try this code

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

button.btn.product-form__cart-submit {
    font-size: 24px; /* change value as you like */
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Masaru
Excursionist
42 0 10

I pasted, but nothing happened...    

 

Screenshot_6.png

Screenshot_5.png

Masaru
Excursionist
42 0 10
Masaru
Excursionist
42 0 10

Hey! I actually added

 

<style>
.product-form__cart-submit {
font-size: 16px !important;
}
</style>

 

 

to my theme.liquid file and it worked!

 

Could you tell me the difference between .liquid and .css?

How do I know if I have to add a code in the .liquid or .css?

KetanKumar
Shopify Partner
35854 3584 11601

@Masaru 

thanks for update

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
AvadaCommerce
Shopify Partner
3879 835 764

Hi @Masaru ,

 

Usually on 1 site. You add code in liquid, it will take precedence when you add the css. But in case you add more levels of css, then the css file will be given priority, For example, you can add the below css on the theme.css file, it will be given priority.

.product-form__item .product-form__cart-submit {
   font-size: 20px !important;
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

AVADA - Top Rated App for Email, SMS, Popups


Check our website for full features and start a FREE TRIAL.
Install another app to boost sales, 100% FREE