Jump to content

Mixing bullet images in the same list

Recommended Posts

  • Replies 2
  • Views 330
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

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.



Screen Shot 2021-10-28 at 5.30.57 PM.png

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.