Custom list icon not showing

[github-actions]

Support

Hi there,

I added a new style throught the style manager with the folowing CSS:

selector{
list-style: none;
padding-left: 0;
}

selector li {
padding-left: 1.5em;
margin-bottom: 0.5em;
}

selector li::before {
content: ”;
position: absolute;
left: 0;
top: 6px;
width: 1em;
height: 1em;
background-repeat: no-repeat;
background-image: url(“data:image/svg+xml;utf8,%3Csvg xmlns=’http://www.w3.org/2000/svg’ viewBox=’0 -256 1850 1850’%3E%3Cpath d=’M256 192q0 26-19 45t-45 19q-26 0-45-19t-19-45q0-26 19-45t45-19q26 0 45 19t19 45zm1408 576q0 51-39 89.5t-89 38.5H960q0 20 15 48.5t33 55q18 26.5 33 68t15 84.5q0 67-44.5 97.5T896 1280q-24 0-90-139-24-44-37-65-40-64-112-145-71-81-101-106-69-57-140-57h-32V128h32q72 0 167-32t193.5-64Q875 0 956 0q189 0 189 167 0 26-5 56 30 16 47.5 52.5T1205 349q0 37-18 69 53 50 53 119 0 25-10 55.5t-25 47.5h331q52 0 90 38t38 90zm128 1q0-105-75.5-181T1536 512h-169q-4-62-37-119 3-21 3-43 0-101-60-178 1-139-85-219.5T961-128q-133 0-322 69Q475 0 416 0H128Q75 0 37.5 37.5T0 128v640q0 53 37.5 90.5T128 896h288q10 0 21.5 4.5t23.5 14q12 9.5 22.5 18t24 22.5q13.5 14 20.5 21.5t19 21.5q12 14 14 17 65 74 100 129 13 21 33 62t37 72q17 31 40.5 63t55 49.5Q858 1408 896 1408q125 0 206.5-67t81.5-189q0-68-22-128h374q104 0 180-76t76-179z’ style=’fill:currentColor’ transform=’matrix(1 0 0 -1 37.966 1305.458)’/%3E%3C/svg%3E%0A”);
}

The icons are showing when applied in the backend, but not on the front end.
Any idea? Thanks!

Details

• Support Author: Sjoerd van Heummen
• Support Link: https://wordpress.org/support/topic/custom-list-icon-not-showing/
• Latest Activity: 30 minutes ago
• Spinup Sandbox Site: https://tastewp.com/new/?pre-installed-plugin-slug=block-options

Note: This support issue is created automatically via GitHub action.