Changing checkmark to bullets in infobox

jarvismarcos · April 2022

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.

Phil · April 2022

Hi,

Please, replace your CSS code with the following one:

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

Thanks

jarvismarcos · April 2022

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;

}

Comments