Add icon to collapsible section (Reformation Theme)

Store Design
,
1

Hi,
I would like to add a lightning bolt icon in #D1C8F1 to every row in the collapsible section on this website (The hero ingredients section):
www.fastingsupport.com.au

Also need CSS to make arrow visible in white.

Many thanks :slightly_smiling_face:

2

  1. Look for a file named something like product-template.liquid or featured-product-section.liquid. This file contains the code for the section you want to modify.

  2. Open the file and locate the code responsible for rendering the collapsible section. This code may vary depending on your theme and how the section is implemented. Look for the section code that generates the rows in the collapsible section.

  3. Within the code for each row, add the lightning bolt icon using HTML and CSS. Here’s an example:
3

It looks like this for first row. Where/what exactly do I insert:

<collapsible-row class=“accordion” data-shopify-editor-block=“{“id”:“92cdbd20-8b9e-4a41-b34c-cbc9061b39d2”,“type”:“collapsible_tab”}”>

5 x Amino Acids