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:
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;
}