XF 1.3 CSS in HTML Template

[upnet]

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

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

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.

 

[Paul B]

Use a class, e.g. <ul class="myClass">

Then define the class in a CSS template, e.g. EXTRA.css.

 

[upnet]

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

 

[upnet]

Brogan I'm not sure a link would help much? Can I give you my login info?

 

[upnet]

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;
}