How can I modify the font and size of my ATC button?

How can I modify the font and size of my ATC button?

michaelhopper17
New Member
16 0 0

Hi guys, my ATC currently is very small in font size and I do not like the font, what can I do to keep the button the same length and width but change the font and font size.

Replies 9 (9)

Liquid_xPert_SJ
Shopify Partner
1045 126 156

@michaelhopper17 

 

Can you please share the store url? So that i can look into it and give you best solution.

 

Thanks

- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂
michaelhopper17
New Member
16 0 0
Khral.com

Liquid_xPert_SJ
Shopify Partner
1045 126 156

Hi @michaelhopper17 welcome to the Shopify Community,

 

Please add the below code to your theme customizer and adjust the font size according to your requirement.

 

product-form .quick-add__submit span, product-form .product-form__submit span {
    font-size: 22px !important;
}

 

 

Theme Customizer:

2024-02-02 10_21_57-.png

 

Results:

 

2024-02-06 14_09_33-Window.png

 

Thanks

- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂
michaelhopper17
New Member
16 0 0

Hi, thank you for your reply. It still doesn't seem to work maybe because for my home page I am using gem pages, can we add this code on to product pages directly?

michaelhopper17
New Member
16 0 0

Never mind I've sorted it thank you for that, the other question I had was how can I change the font on the ATC button?

Liquid_xPert_SJ
Shopify Partner
1045 126 156

@michaelhopper17

Yes you can change it. 

- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂
michaelhopper17
New Member
16 0 0

How can I change the font?

Liquid_xPert_SJ
Shopify Partner
1045 126 156

@michaelhopper17 

 

please open this for your futher help GemPages

 

THanks

- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂
GemPages
Shopify Partner
5624 1261 1231

Hi @michaelhopper17,

 

To change the font on GemPages, follow these steps:

Open the GemPages Editor: Go to the page you want to edit from your GemPages dashboard.
Select the Element: Click on the element (text, header, etc.) for which you want to change the font.
Font Settings: In the left sidebar, locate the “Typography” or “Font” section within the settings for the selected element.
Choose Font: Select your desired font from the dropdown menu. You can also adjust the font size, weight, and style here.
Apply Changes: Make sure to save your changes.


For more detailed instructions, you can visit the GemPages help center.


Best regards,
GemPages Support Team

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center