Editing the Sizes of Add to cart + Buy with buttons

Store Design
1

Hello , my store is https://everydayheroes-store.com/ and Im using the Craft Theme now. The letters of the buttons is to small and I want to make it bigger ,capital and bold . Any suggestion will be appreciated. The buttons I want to change is :Add to cart + Buy with buttons + Check out ( I want actually write "Proceed to Check out ‘’)

Thank You

1 Like
2

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > base.css and paste this at the bottom of the file:
.product-form__submit {
    font-size: 16px; /* Adjust the font size as needed */
    text-transform: uppercase;
    font-weight: bold;
}
.shopify-payment-button__button {
    font-size: 16px; /* Adjust the font size as needed */
    text-transform: uppercase;
    font-weight: bold;
}
.cart__ctas button {
    font-size: 16px; /* Adjust the font size as needed */
    text-transform: uppercase;
    font-weight: bold;
}
.button.button--primary.button--full-width {
    font-size: 16px; /* Adjust the font size as needed */
    text-transform: uppercase;
    font-weight: bold;
}
#cart-notification-button {
    font-size: 16px; /* Adjust the font size as needed */
    text-transform: uppercase;
    font-weight: bold;
}

ZestardTech_0-1686728293431.png
ZestardTech_0-1686728293431.png1908×591 201 KB

ZestardTech_1-1686728308838.png
ZestardTech_1-1686728308838.png1824×766 242 KB

ZestardTech_2-1686728324154.png
ZestardTech_2-1686728324154.png1817×651 48.7 KB

1 Like
3

Hey @everydayheroess

Follow these Steps:

  1. Go to Online Store
  2. Edit Code
  3. Find theme.liquid file
  4. Add the following code in the bottom of the file above tag.

Moeed_0-1686728862402.png
Moeed_0-1686728862402.png480×214 8.08 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

4

how can i make this include ALL buy buttons? its only on checkout and in cart for me. Using Theme Colorblock.