Moving demo, user list underlining
I have almost finished building a site but have one strange formatting issue, the user list items are underlined and I can't see in the css where this behaviour is coming from. I'm using list_star class as follows:
<ul style="color: #c2b2a1; margin-bottom: 10px;" class="list_star">
<li style="background: url(http://www.howarthsremovals.dreamhosters.com/wp-content/uploads/2015/03/home_moving_list_house12_12.jpg) no-repeat 18px 7px;">Professional, stress free and efficient home or office removals</li>
<li style="background: url(http://www.howarthsremovals.dreamhosters.com/wp-content/uploads/2015/03/home_moving_list_house12_12.jpg) no-repeat 18px 7px;">Free no obligation quotes</li>
<li style="background: url(http://www.howarthsremovals.dreamhosters.com/wp-content/uploads/2015/03/home_moving_list_house12_12.jpg) no-repeat 18px 7px;">Removals covering whole of UK and Ireland</li>
<li style="background: url(http://www.howarthsremovals.dreamhosters.com/wp-content/uploads/2015/03/home_moving_list_house12_12.jpg) no-repeat 18px 7px;">No job too big or too small</li>
<li style="background: url(http://www.howarthsremovals.dreamhosters.com/wp-content/uploads/2015/03/home_moving_list_house12_12.jpg) no-repeat 18px 7px;">100% customer satisfaction guaranteed!</li>
</ul>
I can only find this reference to the lists in rtl.css
/* Lists */
ul.list_mixed li, ul.list_check li, ul.list_star li, ul.list_idea li { padding-right: 34px; padding-left: 0; }
ul.list_check li, li.list_check { background-position: right 5px; }
ul.list_star li, li.list_star { background-position: right 5px; }
ul.list_idea li, li.list_idea { background-position: right 6px; }
ul.list_mixed li:after, ul.list_check li:after, ul.list_star li:after, ul.list_idea li:after { left: auto; right: 0; }
but I'm not totally familiar with css. You can see the underlining appear on the site: http://www.howarthsremovals.dreamhosters.com/ to the right of the slider
Thanks & great theme by the way!
Comments