Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #1368681

    Good morning!
    How can I give lists / enumerations a different color?
    best regards,
    Susanne

    #1368687

    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.

    #1368698

    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

Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.