Collapsible Tab in product description in bold text

Store Design
,

Topic summary

A user seeks help making collapsible tab titles bold in their Shopify product descriptions. Multiple developers provide nearly identical CSS solutions:

Recommended approach:

  • Navigate to Online Store ā†’ Themes ā†’ Actions ā†’ Edit code
  • Locate the theme.css or theme.css.liquid file in the Assets folder
  • Add CSS code at the bottom of the file

CSS code variations provided:
Most responses suggest targeting .toggle__title or .toggle span.toggle__title with font-weight: bold (some include !important for specificity).

All six respondents offer the same general solution with minor syntax differences. The discussion remains technical and focused on implementation, with no follow-up from the original poster indicating whether the solution worked.

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

Hello! Iā€™m trying to make the collapsible tabs names in bold. Could you please advise, what in a code I need to change. Thank you

my website is: https://www.slopesandtown.com/nl/products/recycled-belt-light-grey

Thank you

1 Like
2

Hello @Irene5
Its Artzen Technologies! We will be happy to help you today.

You can try to follow these steps:

Go to Online Store ā†’ Themes ā†’ Actions ā†’ Edit code.

Go Assets folder ā†’ theme.liquid file.

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

Let me know if need further assistance
Regards,
Artzen Technologies

3

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Layout > theme.css and paste this at the bottom of the file:
.toggle__title {
font-weight: bold;
}

ZestardTech_0-1695894425645.png
ZestardTech_0-1695894425645.png1918Ɨ807 223 KB

4

Hi @Irene5

You can do that by adding this code at the bottom of your theme.css or theme.css.liquid file in Online store > Themes > Edit code > Assets

.toggle .toggle__title { font-weight: 700 !important; }

Screenshot 2023-09-28 at 16.47.08.png
Screenshot 2023-09-28 at 16.47.08.png965Ɨ543 63.8 KB

5

Hi @Irene5 ,

This is Anthony from Beae Landing Page Builder, and Iā€™m happy to assist you today.

While I acknowledge that this issue falls short of the desired outcome, I have an idea that I believe might be of help:

  1. Go to Online Store ā†’ Theme ā†’ Edit code
  2. Open your theme.liquid file
  3. Paste below code before :

Beae_Anthony_0-1695897950790.png
Beae_Anthony_0-1695897950790.png562Ɨ336 6.93 KB

Best regards,

Anthony

6

Hello @Irene5

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->theme.css>Add this code at the bottom.

.toggle span.toggle__title {
    font-weight: bold !important;
}