2 Replies Latest reply on May 19, 2014 6:09 AM by RiaandSteve1

    Changed bullets point to ticks, now text doesn't line up

    RiaandSteve1 Level 1

      I have changed the bullets point in my list to ticks as follows in css:

      ul#shopmenu,ul#shopmenu ul{
        margin: 0;
        padding: 0;
        -moz-border-radius: 0px 0px 10px 10px;
        -webkit-border-radius: 0px 0px 10px 10px;
        border-radius: 0px 0px 10px 10px;
        color:#E6E6E6;
        list-style-image:url(files/images/tick1.png);
        list-style-position:inside;
        }
      

       

      However now the overflow text goes under the tick I would like to line it up. Is there a way to do this I'll insert an image to make it clear to what I mean:

      Screen Shot 2014-05-19 at 13.52.38.pngI would like to line up the P of Promise with the P of price etc.

      Any help welcome