[Resolved] How Do I Remove Bullets From Shortcode List

Home Forums Support How Do I Remove Bullets From Shortcode List

This topic contains 3 replies, has 2 voices, and was last updated by  Leo 1 year, 8 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #523334

    Mary Pearson

    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
    #523383

    Leo Customer Support

    Hi there,

    This CSS should do:

    ul.display-posts-listing {
        list-style: none;
    }
    #523642

    Mary Pearson

    Thank you so much Leo! That worked!

    #523924

    Leo Customer Support
Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.