Cart - Font And Checkout Button

[beckstead]

How does one go about changing the font style and colour on the product variant on the cart page and put the checkout button to be all capitals?

 

[devcoders]

Hello @beckstead 

Thank you for submitting your query to the Shopify community. I’d be happy to assist you. Could you please provide the store URL and password (if it’s password-protected) so I can review and get back to you with an update?

[beckstead]

@devcoders 

https://the-fitness-group-canada.myshopify.com/

yohnti

[devcoders]

Hello @beckstead 

Go to Online Store, then Theme, and select Edit Code.
Search for assets/base.css Add the provided code at the end of the file.

.styles_Button__-qauK a {
text-transform: uppercase;
}
.upcart-item-option-category {
font-family: Bebas Neue;
color: #000!important;
}
.upcart-item-option-value {
font-family: Bebas Neue;
}
.UpcartDesignSettings__cartTextSubduedColor {
opacity: inherit;
}

[beckstead]

@devcoders 

Thanks. In your posted example the product names in bold creatine monohydrate - 400 grams and burn away v3 text style changed from what it originally was. It should be the same font style as the flavour listing.

The product name and flavour along with checkout should be the same font style.

[devcoders]

Hello @beckstead 

The CSS I provided will not affect the title. You can check by applying and removing it. If there is still any issue, let me know, I will help you.

[beckstead]

@devcoders 

I've posted a comparison below if the original style (left) of the cart and the style implemented (right) with the code.

On the left side BURN 20 - 31 SERVINGS, SUPERHUMAN INTRA - 42 SERVINGS AND ARSYNIST - 60 CAPSULES are in the correct font.

On the right side the FLAVOUR: GRAPEZILLA and GRAPERMELON GAINS is the correct font.

The CHECKOUT font should be the same as BURN 20 - 31 SERVINGS, SUPERHUMAN INTRA - 42 SERVINGS AND ARSYNIST - 60 CAPSULES

 

[beckstead]

@ali768 

https://the-fitness-group-canada.myshopify.com/