how to match these button styles?

[empiricalarby]

I want every "add to cart" button to look like the big red button on my home page that says TRY A SAMPLE: https://empiricalwater.com/

Other buttons are found on any product you click on this page: https://empiricalwater.com/collections/all

they all need to be the most bold version of the font known as roboto condensed "black" italic, and all caps.

Thanks

[BSSCommerce-HDL · Accepted solution]

Hi @empiricalarby ,

You can try this code by following these steps:

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file base.css, theme.css or styles.css

Step 3: Insert the below code at the bottom of the file -> Save

button.product-form__submit.button {
    font-size: 22px !important;
    font-style: italic !important;
    font-weight: 900 !important;
}

Here is result: 

Hope this can help you, 
If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

[pawankumar · Accepted solution]

Hi @empiricalarby 
Please put this code in theme.liquid before body closing tag </body>

<style>
.product-form__submit {
text-align: center;
font-weight: 900;
padding: 16px 22px;
font-style: italic;
font-size: 22px;
text-transform:uppercase
}
</style>

Thanks!

[BSSCommerce-HDL · Accepted solution]

Hi @empiricalarby ,

You can try this code by following these steps:

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file base.css, theme.css or styles.css

Step 3: Insert the below code at the bottom of the file -> Save

button.product-form__submit.button {
    font-size: 22px !important;
    font-style: italic !important;
    font-weight: 900 !important;
}

Here is result: 

Hope this can help you, 
If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

[empiricalarby]

Thank you, can you apply this to the "Check out" button also for when product is in cart? And also the Pay now button at end of checkout.

[BSSCommerce-HDL · Accepted solution]

Hi @empiricalarby , Pls insert this code to your file css : 

button[name="checkout"] {
    font-size: 22px !important;
    font-style: italic !important;
    font-weight: 900 !important;
}

Here is result: 

Hope this can help you,
If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

[pawankumar · Accepted solution]

Hi @empiricalarby 
Please put this code in theme.liquid before body closing tag </body>

<style>
.product-form__submit {
text-align: center;
font-weight: 900;
padding: 16px 22px;
font-style: italic;
font-size: 22px;
text-transform:uppercase
}
</style>

Thanks!

[empiricalarby]

Thank you, can you apply this to the "Check out" button also for when product is in cart? And also the Pay now button at end of checkout.

Thank you