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.
6

Dear @brandography ,

I tried to add this sort of code to the bottom of the base.css to change the color of the icons of my website’s collapsible rows, but it did not work.

Were there any updates that caused a problem with the application of this method?

Thanks for the help,

SzeJan