Store link: https://expert-wc.myshopify.com/ Password:9091
I want to bold All “Button label” in that section.
Topic summary
Goal: Make all “Button label” texts bold in a Shopify theme section (store link and password provided).
Proposed solutions:
- HDL-Shin: Edited CSS for .button margin and :after border offset; did not apply bold text.
- PageFly-Henry: In base.css, target a.button.button–secondary with font-weight: 900 and font-size: 24px; also suggests rounding corners.
- Devcoders (iteration):
• custom-style.css: .button, .buttonmutirow { font-weight: bold !important; } to bold all buttons.
• Then refined to .button.button–secondary with specific font (Reckless) and size to match “Row” text style.
• Final update in base.css: .button.button–secondary with font-family: Reckless, font-size: 42.63px, font-weight: 700, line-height, left alignment, and color override.
Notes:
- Key files: base.css and custom-style.css under Online Store → Theme → Edit code.
- .button–secondary refers to the secondary button style class.
- Multiple screenshots provided to show file paths and visual results.
Status: No confirmation from the requester that a solution worked. Latest actionable guidance sets bold font-weight (and matching typography) on .button.button–secondary in base.css; thread appears open.
Hi @Josh_01 ,
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, styles.css
Step 3: Insert the below code at the bottom of the file → Save
.button {
margin-left: 2px !important;
}
.button:after {
--border-offset: 1.3px;
}
Result:
Hope this can help you
Kind regards,
HDL-Shin
Hu @Josh_01
This is Henry from PageFly - Landing Page Builder App
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file base.css
Step 3: Paste the below code at bottom of the file → Save
a.button.button–secondary {
font-weight: 900 !important;
font-size: 24px !important;
}
Also, I think you should round the button to make it softer
Hope that my solution works for you.
Best regards,
Henry | PageFly
Please bold the text on the button.
1 Like
Kindly I want to bold the text on the button.
Hi @Josh_01
- Go to Online Store → Theme → Edit code.
- Find the file assets/custom-style.css and paste the code below at the bottom of the file."
.button, .buttonmutirow {
font-weight: bold!important;
}
Is it possible to make button text bold like text ‘Row’ ?
1 Like
Hi @Josh_01
- Go to Online Store → Theme → Edit code.
- Find the file assets/custom-style.css and paste the code below at the bottom of the file."
.button.button--secondary {
font-family: Reckless!important;
font-size: 25px!important;
}
