[Support request] Coloured bullet points

Home Forums Support Coloured bullet points

  • This topic has 6 replies, 2 voices, and was last updated 3 months ago by David.
Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #1341321
    Chris

    I used this CSS hack which I found in the forums to colour my bullet points orange, but it inserts bullet points in front of and above all of my main navigation menu items:

    /* Coloured bullet points */
    ul {
    list-style: none; /* Remove default bullets */
    }

    ul li::before {
    content: “\2022”; /* Add content: \2022 is the CSS Code/unicode for a bullet */
    color: orangered; /* 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) */
    }

    Thanks,

    cb.

    #1341342
    David
    Staff
    Customer Support

    Hi there,

    target the entry-content of the page by chaging:

    ul for .entry-content ul

    and

    ul li:before for .entry-content ul li:before

    #1341353
    Chris

    Yes,

    that seems to have worked, thanks.

    Never got my head around CSS!

    cb.

    #1341361
    Chris

    So, for everyone else, this is what I used:

    /* Coloured bullet points */
    .entry-content ul {
      list-style: none; /* Remove default bullets */
    }
    .entry-content ul li:before {
      content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
      color: orangered; /* 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) */
    }
    
    #1341377
    David
    Staff
    Customer Support

    You’re welcome – thanks for sharing your final code

    #1341390
    Chris

    I may have found that hack in a different forum. Thanks for fixing it for me!

    cb.

    #1341628
    David
    Staff
    Customer Support
Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.