CSS question – remove numbers from a list

Hi there

Responsive Coupon Theme 6.5.5.
I’m trying to style a list and it keeps showing numbering, I’ve tried many different tricks but the numbers keep appearing. Very frustrating. I’m using the plugin Widgets on Pages to show some homepage objects on the redesign of my site Shoppingdeals4u. I’m using the plugin for the 2 columns of listings and for the Shop list below it.

Below is the CSS code I use for the plugin, and I’ll also include a screenshot so you can see what I mean. I can’t see where in this code numbering is added, I’m not using the

tag. The .shop-list class is a custom class i assigned to the Shop list.

Thanks in advance, I am still learning to code.

.btn.btn-primary.cbtn {float:right; background:orange; color:#fff; text-shadow: 0 0px 0px rgba(255,255,255,0.75); margin:5px 0 0 20px; padding:2px 10px; font-size:15px; text-decoration:none; text-align: left; }

.btn.btn-primary.btn {float:right; background:orange; color:#fff; text-shadow: 0 0px 0px rgba(255,255,255,0.75); margin:5px 0 0 20px; padding:2px 10px; font-size:15px; text-decoration:none; text-align: left; }

.widgettitle { font: 16px ‘NumansRegular’, Arial, sans-serif; letter-spacing: 0; background:#5D9F09; color:#ffffff; text-transform:uppercase}
.widgets_on_page ul li { background:none; text-align: left;}

/*** SHOP-LIST ***/
.shop-list
ul
{
list-style: none;
-moz-column-count: 3;
-moz-column-gap: 20px;
-webkit-column-count: 3;
-webkit-column-gap: 20px;
column-count: 3;
column-gap: 20px;
}

ul li
{
list-style: none;
padding-left: 30px;
position: relative;
}

ul li:before
{

list-style: none;
margin: 0 0 0 -34px;
text-align: right;
width: 2em;
display: inline-block;
position: absolute;
height: 100%;
}