How to make the heading of a collapsible row bold in Dawn Theme

Store Design
, , ,

Topic summary

A Dawn theme user wanted to make collapsible row headings bold (not the content text).

Another user provided a CSS solution:

  • Navigate to Online Store → Edit Code → theme.liquid
  • Add custom CSS code above the </body> tag targeting the collapsible row headings

The solution successfully resolved the issue. The original poster confirmed it worked perfectly.

Summarized with AI on November 15. AI used: claude-sonnet-4-5-20250929.
1

Hello, I am currently using Dawn. I would like to make just the heading of the collapsible row bold. Is there a way to do at all? I did some research but most of them are about making the text content bold which I don’t need at this stage.

Many thanks!

jupiterrx_0-1699363808135.png
jupiterrx_0-1699363808135.png325×337 11.5 KB

jupiterrx_1-1699363866200.png
jupiterrx_1-1699363866200.png437×321 3.36 KB

2

Hey @jupiterrx

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

RESULT:

Moeed_0-1699364552675.png
Moeed_0-1699364552675.png618×287 5.68 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

2 Likes
3

Hi Moeed,

It has worked perfectly. Thanks so much!