Create EDITABLE circular checkmark bulleted list in Elementor and custom CSS | Elementor tutorial

Learn how to make editable bulleted list with checkmarks in circles using Elementor and custom CSS! Style your checkmarks and change color, size and thickness of the checkmark easily through CSS. You don't need to upload an image - create the bullets completely in CSS from scratch!

Don't forget to use the 'em' values to scale your bullets proportionally when you change the text size.

💻 Grab the CSS code here:

🚀 Interactive CSS Basics course for designers and non-coders:

👉 Get 20% off using the code VELVET20OFF at Checkout.

––––––––––––––––––––––––––––––

PURCHASE AND DOWNLOAD ELEMENTOR PRO:

––––––––––––––––––––––––––––––

To use custom CSS code with Elementor FREE, I am using the Simple Custom CSS and JS plugin for Wordpress that you can download here:

Have fun and thanks for watching!

If this tutorial helped you, please share or subscribe.

––––––––––––––––––––––––––––––

This video and description may contain affiliate links. If you click on a link and make a purchase, I will receive a commission from the sale. That way you are supporting my channel and allowing me to keep making videos and posts like this. I only promote products that I use, have experience with and support, such as Elementor Pro.

––––––––––––––––––––––––––––––

Have a specific problem in Elementor that you don't know how to solve with CSS? Comment below to let me know which video you would like to see next!

––––––––––––––––––––––––––––––

MUSIC:

––––––––––––––––––––––––––––––

[cssexpresstutorials]

🚀 Interactive CSS Basics course for designers and non-coders:
👉 Get 20% off using the code VELVET20OFF at Checkout.

💻 Grab the CSS code for free here:

[ElementoryMyDearWatson]

Whether using Elementor pro or not you should always have the css in a global style sheet that targets a class name and not at the element level using just 'selector'. That way you can make any changes that will take effect site wide if you have many lists on multiple pages on your site. Great channel BTW.

[phestozonoriode]

thanks for this video
how can i make the circle wider? my checkmark is somehow overlapping my circle at the bottom

[TechPilipinasPH]

This is extremely helpful. However, when there are two lines in a single list (which happens when it's long), the checkmark is no longer centered. Any solution?

[niazahmad]

I want to cutomise page with css cutomise option but css not embeding in it .i am using elementor pro also.
Any help

[MarkoI]

Your video is very helpful and interesting but when I go to your site - it forces me to subscribe with a popup without being able to close it. That's not nice. Provide a popup close button please.

[Zana]

Can you share your custom code please?