Shopify themes, liquid, logos, and UX
Store link: https://expert-wc.myshopify.com/ Password:9091
I want to bold All "Button label" in that section.
Solved! Go to the solution
This is an accepted solution.
Hi there
- Go to Online Store -> Theme -> Edit code.
- Find the file assets/base.css and paste the code below at the bottom of the file.
.button.button--secondary {
font-family: Reckless;
font-size: 42.63px;
font-weight: 700;
line-height: 55.41px;
text-align: left;
color: #252425!important;
}
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
Kindly I want to bold the text on the button.
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 let me know if it works by giving it a Like or marking it as a solution!
PageFly - #1 Page Builder for Shopify merchants.
All features are available from Free plan. Live Chat Support is available 24/7.
Please 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' ?
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;
}
This is an accepted solution.
Hi there
- Go to Online Store -> Theme -> Edit code.
- Find the file assets/base.css and paste the code below at the bottom of the file.
.button.button--secondary {
font-family: Reckless;
font-size: 42.63px;
font-weight: 700;
line-height: 55.41px;
text-align: left;
color: #252425!important;
}
Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025