Re: Add a border to my primary buttons

Solved

Add a border to my primary buttons

Mdb_Gioto
Excursionist
49 0 17

I would like to put a black border around my primary  buttons. this is my link: https://vomeroitaly.com/products/benjamin-stromboli-fiery-italian-style

 

 

Screenshot 2025-01-25 at 14.57.34.png

Screenshot 2025-01-25 at 14.59.34.png

Accepted Solution (1)

LizHoang
Shopify Partner
1251 159 195

This is an accepted solution.

Hi Mdb_Gioto

- You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file styles.css and add this code at the end of the file

 

button.button.button--large.gpo-clone-atc-button {
    border: 2px solid #000 !important;
}

 

Result: 

LizHoang_0-1737814063391.png

 

Best,
Liz

 

 

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Check our Joy Rewards & Loyalty Program

View solution in original post

Replies 3 (3)

LizHoang
Shopify Partner
1251 159 195

This is an accepted solution.

Hi Mdb_Gioto

- You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file styles.css and add this code at the end of the file

 

button.button.button--large.gpo-clone-atc-button {
    border: 2px solid #000 !important;
}

 

Result: 

LizHoang_0-1737814063391.png

 

Best,
Liz

 

 

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Check our Joy Rewards & Loyalty Program

CodingFifty
Shopify Partner
903 136 165

Hi @Mdb_Gioto,

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

button.button.button--large.gpo-clone-atc-button {
    border: 2px solid #000 !important;
}
Coding Fifty || Shopify Partner
For any custom section queries, please visit: Fiverr Profile
Found my response useful? Like it and mark as Accepted Solution!
For additional discussions, reach out via: Email ID: codingfifty@gmail.com

Moeed
Shopify Partner
7334 1989 2424

Hey @Mdb_Gioto 

 

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 </body> tag

<style>
.product-form .quantity-submit-row .quantity-submit-row__submit button[type=submit] {
    border: solid 1px black !important;
}
</style>

RESULT:

Moeed_0-1737814210375.png

 

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

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Custom Design | Advanced Coding | Store Modifications