How can I make drop down menu titles bold on my product page?

Solved

How can I make drop down menu titles bold on my product page?

empiricalarby
Trailblazer
227 1 49

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

Accepted Solutions (3)

ZenoPageBuilder
Shopify Partner
1052 203 225

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

Screenshot 2023-12-17 at 09.41.38.png

Hope that helps!

Zeno Page Builder - Build responsive & SEO-optimized Landing pages, Blog posts, Product pages and more...
Learn more at zenobuilder.com

View solution in original post

PageFly-Henry
Shopify Partner
1184 335 287

This is an accepted solution.

HI @empiricalarby 

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.

View solution in original post

ZenoPageBuilder
Shopify Partner
1052 203 225

This is an accepted solution.

Hello @empiricalarby 👋

Then you can use this code instead

.collapsible-content__heading {
    font-weight: bold;
}
Zeno Page Builder - Build responsive & SEO-optimized Landing pages, Blog posts, Product pages and more...
Learn more at zenobuilder.com

View solution in original post

Replies 4 (4)

ZenoPageBuilder
Shopify Partner
1052 203 225

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

Screenshot 2023-12-17 at 09.41.38.png

Hope that helps!

Zeno Page Builder - Build responsive & SEO-optimized Landing pages, Blog posts, Product pages and more...
Learn more at zenobuilder.com
empiricalarby
Trailblazer
227 1 49

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!

ZenoPageBuilder
Shopify Partner
1052 203 225

This is an accepted solution.

Hello @empiricalarby 👋

Then you can use this code instead

.collapsible-content__heading {
    font-weight: bold;
}
Zeno Page Builder - Build responsive & SEO-optimized Landing pages, Blog posts, Product pages and more...
Learn more at zenobuilder.com

PageFly-Henry
Shopify Partner
1184 335 287

This is an accepted solution.

HI @empiricalarby 

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.