Change Bullet list type - Multirow section

FredTheFrenchy
Visitor
2 0 0

Hey Shopify experts,

 

On my homepage, I have a multirow section. What I would like is change the type of custom bullets for this section only.

 

I have added the following code in the "Custom CSS" part of the multirow section.

 

ul {
  list-style-type: none;
  padding-left: 0;
}

ul li:before {
  content: "";
  display: inline-block;
  height: 20px;
  width: 20px;
  background-image: url(https://cdn.shopify.com/s/files/1/0743/1051/7048/files/check-mark.png?v=1679800148);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  margin-right: 1rem;
}

Capture.PNG

 

It gives the right result (see image above) but when I try to save it, it gives me the following error :

 

Capture.PNG

 

I would need help to correct the css code so that it would let me save it or another solution like putting the code somewhere else (I have tried to add in the "style" section of the multirow.liquid but is does not work).

 

Thanks a lot for your help,

Fred 

Reply 1 (1)

ehammer33
Visitor
1 0 0

Try the changes here:

ul {
  display: inline-block;
  list-style-type: none;
  padding-left: 0;
}
ul li {
  background-image: url("https://cdn.shopify.com/s/files/1/0743/1051/7048/files/check-mark.png?v=1679800148");
  background-repeat: no-repeat;
  background-size: 20px 20px;
  background-position: 0 50%;
  padding-left: 30px;
  background-repeat: no-repeat;
}