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
Topic summary
A user seeks help styling a “Create design” button on their Shopify product page to have a black background, white text, and 30px border radius.
Initial Confusion:
- Two responders initially misunderstood which button needed styling, providing solutions for a different button on the page.
Correct Solution Provided:
- After clarification, the correct CSS code was shared to target the specific button.
- Implementation requires editing the theme.liquid file in Shopify’s code editor.
- The CSS targets the
.button--full-widthclass with:- Black background
- White text color
- 30px border radius
- Additional padding (5px 15px)
Status: The issue appears resolved with working code and visual confirmation provided through screenshots showing the before/after results.
Step 1: Go to Admin → Online store → Theme > Edit code
Step 2: Search for the file theme.liquid
Step 3: Add this code before tag
@BSSCommerce-B2B thx, but I was referring to the “create design” button bellow
Hey @Daniel19901
Follow these Steps:
-
Go to Online Store
-
Edit Code
-
Find theme.liquid file
-
Add the following code in the bottom of the file above 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
1 Like