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

XF 1.2 Add an image to forum categories?

Discussion in 'Styling and Customization Questions' started by WiseHollow, Jul 27, 2013.

  1. WiseHollow

    WiseHollow Member

    Hello, I'm new to template modifications. If someone can point me to the right direction that would be super-appriciated!

    I'm trying to add an image to the right side of all the forum categories. I've circled the location in the image below. I'm not sure where to begin editing in the template or what to edit.

    I have plenty of experience with HTML formatting but like I said, this is all very new to me.

  2. Brogan

    Brogan XenForo Moderator Staff Member

  3. WiseHollow

    WiseHollow Member

  4. WiseHollow

    WiseHollow Member

  5. WiseHollow

    WiseHollow Member

    Figured it out. I had to edit the template called "node_category_level_1" and insert an HTML table.
  6. Tracy Perry

    Tracy Perry Well-Known Member

    If I understand what you were wanting to do, no you did not.

    .node .categoryText {padding-left: 36px;}
    .node.category.level_1.node_37 .categoryText{ background: url("images/forum/vendor.png") no-repeat scroll left transparent;}
    .node.category.level_1.node_34 .categoryText{ background: url("images/forum/forsale.png") no-repeat scroll left transparent;} 
    with the node # corresponding to the one you want, and the padding adjusted to where you want for all of them (mine is to the left side of the categories) would give you something like this

  7. Shelley

    Shelley Well-Known Member

    I'm suspecting that they are wanting the images to overlap past the category container rather than it being contained within it. It's still possible though if I'm correct with css and I did have the css to that but must have deleted it.
  8. WiseHollow

    WiseHollow Member

    That is exactly what I am trying to do. I got the image itself to appear on the element but I was having a small other problem. I started a new thread considering there was a new problem.

  9. Shelley

    Shelley Well-Known Member

    I haven't got the code offhand but your going to need to use node IDs to specifically allocate the image to that specific forum (unless your displaying the same image on all forum category's. If I saved the css in notepad I'll post it here but since i've mentioned exactly what your wanting to achieve you'll probably have someone jump in and posting the full css.
  10. WiseHollow

    WiseHollow Member

    Yes I'm needing the same image on all forum categories. Thanks for the input :)
  11. imaxorz

    imaxorz Member

    I've replaced by categories with images, but of course there is still the original category text. Can I add something to EXTRA.css to remove the text?

Share This Page