Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
https://empiricalwater.com/products/empiricalwater
On my product page linked above, please scroll down to the drop down menus below "Bonuses with your order" and "Guarantees". I'd like all 6 of the drop down titles to be in bold. How to do this?
Thank you
Solved! Go to the solution
This is an accepted solution.
Hello @empiricalarby 👋
Inside Shopify Admin, you can go to Edit theme code, open file base.css and add this code at the bottom
.accordion__title {
font-weight: bold;
}
The result
Hope that helps!
This is an accepted solution.
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
h2.collapsible-content__heading.h1 {
font-weight: bold !important;
}
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.
This is an accepted solution.
Hello @empiricalarby 👋
Then you can use this code instead
.collapsible-content__heading {
font-weight: bold;
}
This is an accepted solution.
Hello @empiricalarby 👋
Inside Shopify Admin, you can go to Edit theme code, open file base.css and add this code at the bottom
.accordion__title {
font-weight: bold;
}
The result
Hope that helps!
Thank you, this actually worked perfectly but upon trying it, I realized it might be better to leave those menus not bold, and only add bold to the big titles, "Bonuses with your order" and "Guarantees"
Can you help me with this? Thanks!
This is an accepted solution.
Hello @empiricalarby 👋
Then you can use this code instead
.collapsible-content__heading {
font-weight: bold;
}
This is an accepted solution.
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
h2.collapsible-content__heading.h1 {
font-weight: bold !important;
}
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.
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