How to use different color for bullet symbol and text in a bullet list in Elementor and CSS

preview_player
Показать описание
Change the color of the bullet symbol ONLY while keeping the text color the same using Elementor (FREE and Pro version - find the link below) and CSS. That way, you can use different colors for bullets and text itself in a bullet (unordered) list. Target and style the bullets using the 'marker' pseudo-element in CSS and give it a custom color, different and independent from the text.

💻 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:

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

SIMPLE CUSTOM CSS AND JS PLUGIN:

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:

Creative Commons — Attribution 4.0 International — CC BY 4.0

––––––––––––––––––––––––––––––
Рекомендации по теме
Комментарии
Автор

🚀 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:

cssexpresstutorials
Автор

This video is perfect, well explained and straight to the point so I leave a comment to encourage you continuing, to say thank you and also to say I don't understand why so much unlike.THANKSS

mythologx
Автор

Thanks, it works. Is it possible te customize de colour?

Esteban-sswq
Автор

Simple and elegant solution! 👏🏻👏🏻

You deserve subscribers

osipreciosa
Автор

Thank you! This did exactly what I wanted, very simply. I've been searching for a way to do it and most solutions change how menus look, as well as the bullet list, which I don't want. I only want to change bullets. This solves it with a small, simple bit of code. It's surprising that Elementor does not provide a way to do this.

longbowdesignandmarketing
Автор

Did exactly what I wanted it to do, thanks!

tylerauker
Автор

how to test it in local host? i got message sumission failed due to server erorr

zaydan_diary