Change color of text and icon for the 'Collapsible Content' section on the Dawn theme

Store Design

Topic summary

A user wants to change the color of both the header text and icon in the ‘Collapsible Content’ section of Shopify’s Dawn theme to blue.

Proposed Solution:

  • Add CSS code to the bottom of the base.css file:
.h4 {
  color: #feae1b !important
}
  • Change the hex color code to the desired blue shade
  • For the icon: Use Shopify’s visual theme editor to select a new icon from the icon list

Current Issues:

  • Multiple users report the CSS method successfully changes the text color but does not affect the icon color
  • One user tried the code but it didn’t work at all, questioning if theme updates broke this method
  • The discussion remains unresolved regarding how to change the icon color through code

The thread shows a gap between the suggested solution and actual results, with the icon color change remaining an open question.

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

For me that changed the color of the text, but not the icons. Do you know how to change the color of the icons?