What's your biggest current challenge? Have your say in Community Polls along the right column.

Change button font for all buttons

Solved

Change button font for all buttons

RomeMila
Tourist
7 1 4

Hello, Please help as no other solutions have solved our problem. I would like to change the font on all website buttons "shop now, add to cart" etc to be the same font as website fonts or other rather than plain. How can i change this?

 

Also wanting to increase the font size in these buttons if possible?

 

Thank you in advance 🙂

 

Rome & Mila The Label – Rome & Mila The Label (1c6819-9b.myshopify.com)

Accepted Solution (1)

webwondersco
Shopify Partner
1176 169 172

This is an accepted solution.

@RomeMila 

 

Follow these Steps:

- Go to Online Store
- Edit Code
- Find theme.liquid file
- Add the following code in the bottom of the file above </body> tag

 

<style>
.button, .shopify-challenge__button, .customer button{
	font-family: Americana, serif !important;
	font-size:1.8rem !important;
}

</style>

 

change the value of 1.8rem as per your taste.

Web Wonders | Shopify Partner | Connect here!
- Question answered? Mark as Accepted Solution, reply helpful? Click Like
- Hire me, if you want to design, re-design, develop a store, or make changes to the pre-built store.
- a small Coffee Tip would be greatly appreciated. :)..! Instagram

View solution in original post

Replies 3 (3)

iCart_App
Shopify Partner
637 60 113

Hello @RomeMila 

You can try this code: it will be helpful to you 

Go to the Online Store->Theme->Edit code->Assets->base.css>add this code at the bottom of the file.

 

.button, .button-label, .shopify-challenge__button, .customer button {
    font-size: 2rem !important;
    font-family: 'Americana' !important;
}

 

 

iCart Cart Drawer Cart Upsell App


- If you find the solution helpful, please accept and like it
- To learn more visit www.identixweb.com

webwondersco
Shopify Partner
1176 169 172

This is an accepted solution.

@RomeMila 

 

Follow these Steps:

- Go to Online Store
- Edit Code
- Find theme.liquid file
- Add the following code in the bottom of the file above </body> tag

 

<style>
.button, .shopify-challenge__button, .customer button{
	font-family: Americana, serif !important;
	font-size:1.8rem !important;
}

</style>

 

change the value of 1.8rem as per your taste.

Web Wonders | Shopify Partner | Connect here!
- Question answered? Mark as Accepted Solution, reply helpful? Click Like
- Hire me, if you want to design, re-design, develop a store, or make changes to the pre-built store.
- a small Coffee Tip would be greatly appreciated. :)..! Instagram
RomeMila
Tourist
7 1 4

Thank you that worked perfectly.