1. 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

Discussion in 'Styling and Customization Questions' started by upnet, Apr 30, 2014.

  1. upnet

    upnet 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.
  2. Brogan

    Brogan XenForo Moderator Staff Member

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

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

    upnet 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
  4. upnet

    upnet Active Member

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

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

Share This Page