Pink-arrow for bullet lists

<ul id="pink-arrow"> Add this to the source code in the element update this in the custom CSS for whichever bullet type you want to use

Add the following to the Custom CSS on the page - add the image URL between () in the 3rd section

#pink-arrow { list-style: none;
padding: 0; }

#pink-arrow >li{ position: relative; padding-left: 50px; /* Space between the icons and each list items or bullet list */ margin-bottom: 20px; /* Space between each list items */ }

#pink-arrow >li::before{ content: ''; width: 30px; /* width of the image */ height: 30px; /* height of the image */ background-image: url(); /* add Image between the brackets */ position: absolute; bottom: 0; left: 0; top: 0; background-size: cover; background-repeat: no-repeat; background-position: center; }