Changing checkmark to bullets in infobox

Hi,

I've successfully added CSS to insert bullets into infoboxes, however I can't seem to remove the native checkmarks.


.infobox ul li{ list-style-type: disc !important;}

.infobox ul li::before { background: none !important; }



The checkmarks are still being inserted into the infobox and they're pushing the 'disc' style bullets to the left.

Comments

  • Hi,

    Please, replace your CSS code with the following one:

    .style-simple .infobox ul li::before{
       content: '\e860'!important;
       color: #fff!important;
    }
    

    Thanks

  • Many thanks!

    This is a far more elegant solution that previous answered I'd seen, suggesting uploading an image of a dot.


    I also added some padding, as otherwise the bullet points were right next to the edge of the info box.



    .style-simple .infobox ul li::before{

      content: '\e860'!important;

      color: #fff!important;

    padding-left: 10px;

    }

Sign In or Register to comment.