Why does the font on my details page alternate between bold and normal?

Store Design
, , , ,

Topic summary

Font weight on product detail tabs (“Details,” “Washing instructions,” “Size chart”) toggles between bold and normal on click; requester wants the labels to remain bold.

  • Root cause: A state-based CSS rule tied to the active tab (.station-tabs .station-tabs-tab.is-active) changes font-weight when tabs are toggled.
  • Site provided for reference: www.sixtwonine.de.

Proposed fixes:

  • Add an override in theme.scss.css to force persistent bold text:
    span.station-tabs-tabtext { font-weight: 600; }
  • Alternatively, locate and remove/comment the CSS rule targeting .station-tabs .station-tabs-tab.is-active that modifies font-weight.

Notes:

  • Screenshots were shared to illustrate the bold/normal change, but the issue is CSS-driven.
  • No confirmation that a fix was implemented; current status appears open pending the user applying one of the suggested CSS changes.
Summarized with AI on January 4. AI used: gpt-5.
1

Hello,

I got the following problem. If I click on the Details, washing instructions or the size chart the font somehow get bold. If I click on it again it gets normal. I don’t know why. How can I change it that it stays bold?

Screenshot_24.png
Screenshot_24.png1448×1201 61 KB

Screenshot_23.png
Screenshot_23.png1468×1137 57.2 KB

2

hi @Jokerdomme
share website url.

3

www.sixtwonine.de

4

Hello @Jokerdomme

Add this below code in theme.scss.css at the bottom of the file

span.station-tabs-tabtext {
    font-weight: 600;
}
5

IhorSh_0-1709202450458.png
IhorSh_0-1709202450458.png1385×482 121 KB

this is the case. look for this css part somewhere in product template.
.station-tabs .station-tabs-tab.is-active
then just remove or comment it. this should help