change button design

Solved

change button design

Daniel19901
Shopify Partner
244 0 65

Hi, can anyone help me add a background to this button ("Create design")?
I want it to have a black background and white text with borders or 30px;

thank you 🙂

https://tly4z9yvjpaan0ai-84562116936.shopifypreview.com/products/example-pants

Daniel19901_0-1727452634939.png

 

Accepted Solution (1)
BSSCommerce-B2B
Shopify Partner
1723 513 576

This is an accepted solution.

@Daniel19901 , oh really sorry. change the previous code like this

<style>
#addToCartByAntigroDesigner {
   background: black!important;
   color: white!important;
   padding: 10px 20px;
   border-radius: 30px; 
}
</style>

Result:

BSSCommerceB2B_0-1727453514033.png

 

B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.


B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.


B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.


BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now

View solution in original post

Replies 5 (5)

BSSCommerce-B2B
Shopify Partner
1723 513 576

@Daniel19901 ,

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

Step 2: Search for the file theme.liquid

Step 3: Add this code before </body> tag

<style>
hdt-quantity-wrapp {
   background: black!important;
   color: white!important;
}
</style>

B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.


B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.


B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.


BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now

BSSCommerce-B2B
Shopify Partner
1723 513 576

Here iss the result

BSSCommerceB2B_0-1727453201047.png

 

B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.


B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.


B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.


BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now

Daniel19901
Shopify Partner
244 0 65

  @BSSCommerce-B2B thx, but I was referring to the "create design" button bellow

BSSCommerce-B2B
Shopify Partner
1723 513 576

This is an accepted solution.

@Daniel19901 , oh really sorry. change the previous code like this

<style>
#addToCartByAntigroDesigner {
   background: black!important;
   color: white!important;
   padding: 10px 20px;
   border-radius: 30px; 
}
</style>

Result:

BSSCommerceB2B_0-1727453514033.png

 

B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.


B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.


B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.


BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now

Danish864
Shopify Partner
39 3 7

Hey @Daniel19901 

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

.button--full-width
{
    background: black;
    color: white;
    border-radius: 30px;
    padding: 5px 15px;
}

 

Here is the result:

Danish864_0-1727453425294.jpeg

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

 

Best Regards,
Danish