Hi Jake,
If you observe the Container_ExpandCollapse widget using the Browser inspect element feature or refer/open the clone of the RichWidgets module, you will observe that the arrow used in the Container_ExpandCollapse widget is simply an image. So, defining custom CSS to change the color of the arrow image tag won't work.
Instead you can follow any of the below mentioned approaches...
- Clone the Container_ExpandCollapse widget to the module where re-usable component are defined in your application architecture module layer, then customize/change the arrow image as per your need and use the customized widget wherever it's required.
- Using JavaScript, you can modify the arrow image tag's src property value with the preferred image runtime path value.
- Clone the widget to the respective module and create the expand/collapse arrows using pure CSS rules instead of using expand/collapse arrow images.
Hope this helps you!
Kind regards,
Benjith Sam