XF 1.3 CSS in HTML Template


Active member
I have created a new page and I have html in the template. I have a <ul> that I want to change the bullet icon to an image. Can someone help me out with how to implement this for one particular page?

I found that this is the CSS


I'm clueless how and or where to implement that. Ideally I want to set the image twice as I have two seperate <ul>'s.

Thanks in advance.


Active member
thanks for reply. i'm still clueless apparently.

to EXTRA.css I added

ul.myfirst {list-style-image:url('imagelocation.png');}

then in HTML page template I used
<ul class="myfirst">

no luck


Active member
I got some code to work:

#listup ul {
margin-left: 5px;
margin-right: 0px;
padding-left: 10px;
padding-right: 0px;

#listup li {
background: url('../thumbsup.png') no-repeat top left;
margin: 0;
padding: 4px 0 4px 70px;
list-style: none;