Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 4, 2022 at 2:18 pm #1338908
    markus-fischer

    Hi Kriesi Team,

    I have added a text element, included a bullet point list and would like to not have it the usual dot or numbered list but to use checkmarks ✔ instead before each bullet item.

    Under “Text Block” > “Advanced” > “Developer Settings” > “Custom CSS Class” I have tried out adding the following codes, however they don’t seem to work:

    ul li:before {
    content: ‘✓’;
    }

    I also tried this one:
    ul {
    list-style-type: ‘\2713’;
    }

    I found these CSS codes here for a reference: https://stackoverflow.com/questions/34141950/how-to-use-tick-checkmark-symbol-instead-of-bullets-in-unordered-list

    Thank you in advance for your help on this!
    Markus

    February 5, 2022 at 12:06 am #1338972
    Mike

    Hey markus-fischer,
    Please try this code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:

    
ul.disc, .entry-content-wrapper ul {
  list-style: none !important; 
  margin-left: 0;
  padding-left: 0;
}

.entry-content-wrapper ul li {
  padding-left: 1em;
  text-indent: -1em;
}

.entry-content-wrapper ul li:before {
  content: "✓";
  padding-right: 5px;
  color:#000 !important; 
}

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    February 5, 2022 at 1:19 pm #1339021
    markus-fischer

    Thank you Mike, super helpful and very easy to implement! Really appreciate your advice and help :-)

    February 5, 2022 at 2:14 pm #1339025
    Mike

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Bullet list with ✔ checkmarks’ is closed to new replies.