How Do I Remove Bullets From Shortcode List – GeneratePress

How Do I Remove Bullets From Shortcode List – GeneratePress

I am creating pages of my Posts using shortcode
[display-posts posts_per_page="100" category_id="72"]

I want to replace the round default bullet with my own image.

In my custom CSS I have:

/* Remove bullet points and "standarize" list*/ .my-list { list-style:none; display:block; width:auto; overflow:hidden;} /* add images instead of bullet points */ .my-list li { background: url('https://christiangays.com/mary-content/uploads/sites/8/2018/03/CG-bullet.gif') center left no-repeat; padding-left: 25px !important; }

On my page I would normally put

<ul class="my-list"> <li>item 1</li> <li>item 2</li> <li>item 3</li> </ul>

but I can’t do that with shortcode so it is showing the default bullet with my image bullet beside it.

How do I get rid of the default bullet please.

GeneratePress 2.0.2

GP Premium 1.5.6

via GeneratePress

March 17, 2019 at 12:54AM