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

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

Hello @empiricalarby :waving_hand:

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!

1 Like

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

1 Like

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!

Hello @empiricalarby :waving_hand:

Then you can use this code instead

.collapsible-content__heading {
    font-weight: bold;
}
1 Like