1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.
  2. Please donate today & help us with our growing server costs or buy premium for access to our premium products
    Dismiss Notice

FREE Add an image to node titles on the forum home page

Discussion in 'Xenforo Template Mods & Extras' started by Armaan Ali, Mar 15, 2016.

  1. Armaan Ali

    Armaan Ali Guest

    This resource is not affiliated with XenForo Ltd.

    This simple bit of CSS will add an image to the forum home page before a node title.

    You need to know the node ID for each image; you can find this in the ACP or by using one of the browser inspection tools.

    For each node, you will need to add CSS similar to the following to EXTRA.css:

    Code:

    .nodeList .node_32 .nodeTitle:before {
    content: url('@imagePath/path/to/image.png');
    display: inline;
    vertical-align: middle;
    padding-right: 4px;
    }

    The value in orange denotes the node ID.
    Add a new block of code for each node as required.

    The CSS can be adapated to suit, depending on the size of image and desired result.

    Here's some I prepared earlier...
    [​IMG]
     

Share This Page

Post thread