• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

XF 1.3 CSS in HTML Template

upnet

Active member
#1
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.
 

upnet

Active member
#3
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

Active member
#5
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;
}