Changing checkmark to bullets in infobox

jarvismarcos

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

https://theluxurytraveller.com/2022/04/review-lefay-dolomiti/

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

Phil

Hi,

Please, replace your CSS code with the following one:

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

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

jarvismarcos

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;

}