Mixing bullet images in the same list

Site URL: https://www.chloebarnes03.com/

Hello,

I'm trying to upload different logo icons to replace the bullet points on this accordion block. I've gotten as far as replacing the bullet for an image but I can't figure out how to call out a singular list item to change the image on that specific bullet point.

PW to site: CHLO32021

Since all "li" elements in the accordion are siblings of the parent element- "ul" - and do not have separate classes, you'll want to use the :nth-child selector for each "li" that you want to have a logo. The next item would be "... li:nth-child(2)" and so forth.

ul li:nth-child(1)::before {
  background: black; *(can be color,image,url)*
}

A more specific targeting would be to identify the block-ID of the accordion so that you do not change all of the lists on your website:

#block-yui_3_17_2_1_1634667846525_4563 {
ul li:nth-child(1)::before {
  background: black;
}
ul li:nth-child(2)::before {
  background: cyan;
}
ul li:nth-child(3)::before {
  background: dodgerblue;
}
ul li:nth-child(4)::before {
  background: violet;
}
}

Also, when I was attempting to find this accordion on your website, I noticed that some of the pages are not working properly on smaller screen sizes. I've attached a screenshot below.

Best,

Dan

Thank you soo much!! That worked perfectly!