Having trouble with a custom font applying itself to a button in my collections page- Flow Theme

Solved

Having trouble with a custom font applying itself to a button in my collections page- Flow Theme

PCBCW
Excursionist
20 0 2

Hello,

 

I am having trouble with the "Add to cart" button not inheriting my custom font like the rest of the site. Please see photo below.  Right now, this is only ocurring on my collections page. Also, if possible, I would like to remove the "see more beer" from the page as well.

 

Any help would be greatly appreciated!

P

 

Screenshot 2024-04-26 at 12.17.09 AM.png

Accepted Solutions (2)
vpsbohra
Shopify Partner
444 44 45

This is an accepted solution.

Hi @PCBCW 

You can follow the following steps:

1. Please remove the width from the html.
2. Please go to the Online Store.
3. Then Edit Code.
4. Please find the theme.liquid file.
5. Please add code before closing the tag </head> tag.

<style>

.product-grid--title.product-grid--title-font-heading {
    font-family: 'YearsFont' !important;
}

button.btn.quick-add-button.quick-add-button-desktop {
    font-family: YearsFont !important;
}

</style>

 

laddisahsi_0-1714110391852.png

 

 

If this solution is worked, then please Like this and Mark this as accepted solution!


Laddi



-Shopify website development, Theme & App Development
-Contact me: WhatsApp


-Email Me
-If this solution is worked, then please Like this and Mark this as accepted solution!

View solution in original post

vpsbohra
Shopify Partner
444 44 45

This is an accepted solution.

Hi @PCBCW 

Please apply this css

 

button.btn.cart__checkout {
    font-family: 'YearsFont' !important;
}

-Shopify website development, Theme & App Development
-Contact me: WhatsApp


-Email Me
-If this solution is worked, then please Like this and Mark this as accepted solution!

View solution in original post

Replies 7 (7)

vpsbohra
Shopify Partner
444 44 45

Hi @PCBCW 

Can you please share store URL?

-Shopify website development, Theme & App Development
-Contact me: WhatsApp


-Email Me
-If this solution is worked, then please Like this and Mark this as accepted solution!
PCBCW
Excursionist
20 0 2

Yearsbeer.com

 

Thanks

vpsbohra
Shopify Partner
444 44 45

This is an accepted solution.

Hi @PCBCW 

You can follow the following steps:

1. Please remove the width from the html.
2. Please go to the Online Store.
3. Then Edit Code.
4. Please find the theme.liquid file.
5. Please add code before closing the tag </head> tag.

<style>

.product-grid--title.product-grid--title-font-heading {
    font-family: 'YearsFont' !important;
}

button.btn.quick-add-button.quick-add-button-desktop {
    font-family: YearsFont !important;
}

</style>

 

laddisahsi_0-1714110391852.png

 

 

If this solution is worked, then please Like this and Mark this as accepted solution!


Laddi



-Shopify website development, Theme & App Development
-Contact me: WhatsApp


-Email Me
-If this solution is worked, then please Like this and Mark this as accepted solution!
PCBCW
Excursionist
20 0 2

That worked, thanks so much!

PCBCW
Excursionist
20 0 2

I am also having an issue with the cart page. Please see attached.

 

Any help would be so appreciated!

 

 

Screenshot 2024-04-26 at 12.52.00 AM.png

vpsbohra
Shopify Partner
444 44 45

This is an accepted solution.

Hi @PCBCW 

Please apply this css

 

button.btn.cart__checkout {
    font-family: 'YearsFont' !important;
}

-Shopify website development, Theme & App Development
-Contact me: WhatsApp


-Email Me
-If this solution is worked, then please Like this and Mark this as accepted solution!
PCBCW
Excursionist
20 0 2

That worked, but I am also having trouble on the actual cart page as well, please see below. 

 

Thanks again for the help!

 

Screenshot 2024-04-26 at 12.58.56 AM.png