Shopify themes, liquid, logos, and UX
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
Solved! Go to the solution
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:
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
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
Here iss the result
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
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:
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
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:
If I managed to help you then, don't forget to Like it and Mark it as Solution!
Best Regards,
Danish
Starting a B2B store is a big undertaking that requires careful planning and execution. W...
By JasonH Sep 23, 2024By investing 30 minutes of your time, you can unlock the potential for increased sales,...
By Jacqui Sep 11, 2024We appreciate the diverse ways you participate in and engage with the Shopify Communi...
By JasonH Sep 9, 2024