Issue with Bullets in Parallax Pro Pricing Table

[cmagras]

I copy/pasted the pricing table code in the Parallax Pro theme on a page. However it seems like it has automatic bullet points (the pointing arrow). I would like to use just the disc bullet (circle), but no matter what I do, it doubles the bullets, having both the disc AND the arrow, instead of just the disc. I can't get rid of the arrow for anything. When I add in the code <li style="list-style:none"> on the page where the content is located, it still shows the arrow. Any advice or suggestions?

[Pixel Frau]

The pointing arrows are generated by this bit of the stylesheet:

.pricing-table ul li::before {
    content: "\f139";
    display: inline-block;
    font: normal 20px/1 'dashicons';
    margin-right: 5px;
    margin-top: -2px;
    vertical-align: top;
    -webkit-font-smoothing: antialiased;
}

You can remove the content line to get rid of the pointing arrow. Then add this to get back the standard disc bullets:

.pricing-table ul li {
    list-style-type: disc;
    list-style-position: inside;
}

[cmagras]

Thank you so much! That was what I needed. 🙂

[Author]

Posts