Good morning!
How can I give lists / enumerations a different color?
best regards,
Susanne
I have worded this incorrectly:
The font color for links in bullets / lists should not be the same as set in Enfold.
Main color – font color for links, text initials and other elements is pink in this case, but in lists it should be white.
Hi,
Thank you for the inquiry.
You can use this css code to adjust the color of the bullet icon in the list
ul {
list-style: none;
/* Remove default bullets */
}
ul li::before {
content: "\2022";
/* Add content: \2022 is the CSS Code/unicode for a bullet */
color: red;
/* Change the color */
font-weight: bold;
/* If you want it to be bold */
display: inline-block;
/* Needed to add space between the bullet and the text */
width: 1em;
/* Also needed for space (tweak if needed) */
margin-left: -1em;
/* Also needed for space (tweak if needed) */
}
Based on: https://www.w3schools.com/HOWTO/howto_css_bullet_color.asp
You may need to add a custom css class name to the list and replace the default selectors above.
Best regards,
Ismael