Goal: Make the Image Banner button text bold in the Shopify “Refresh” theme.
Proposed solutions (CSS edits in base.css):
Outcome: The store owner confirmed the solution worked, and the issue is resolved.
Notes:
Hi all,
I am trying to make the text on the buttons on my image banner bold. I think bold buttons would stand out better and honestly look better. I can’t figure out how to do that though. Anyone have any ideas? I am using the refresh theme.
My website is www.PennsylvaniaParks.org
Thank you in advance 
Hi @Justin34 ,
Add below css in base.css file.
.banner--content-align-mobile-center .banner__buttons--multiple>* {
font-weight: 500;
}
Result:
Please don’t hesitate to reach out if you need further help optimizing or customizing your store. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!
Best Regards,
LuffyOnePiece
Hi @Justin34
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–primary {
font-weight: bold !important;
}
Hope that my solution works for you.
Best regards,
Henry | PageFly
Worked perfectly. Thank you
