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

[DawnHazel]

Hi, I'd like to change the color of the header and and icon for the 'Collapsible Content' section on the Dawn theme to blue in order to stand out. Please see existing presentation below.

Thanks in anticipation. Gill

[Ujjaval]

@DawnHazel Can Share your store url?

[DawnHazel]

Hi,

The url is

https://vintagesewingpatterncompany.com/products/vintage-sewing-pattern-womens-dressing-gown-b7461

Thanks

[brandography · Accepted solution]

Hi @DawnHazel 

You can change the color on the .h4 class that the text is using by editing and pasting the following code to the bottom of your base.css file and clicking save. 

.h4 {
  color: #feae1b !important
}

*change the #feae1b color to any color you'd like.

You can also change the icon by going to theme's visual editor inside of Shopify and selecting a new icon from the icon list like so:

[DawnHazel]

Hi Brandography,

Thanks for taking the time to respond.  I made the change (using a red color) as 

.h4 {
color: #fe3d1b !important
}

to the base.css but the heading has not changed.

Thanks in advance

Dawn

[SzeJan]

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

[theparmesan_don]

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