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

XF 1.2 Node Icon GIF

Discussion in 'Styling and Customization Questions' started by JonM, Aug 2, 2013.

  1. JonM

    JonM Member

    Hey guys,

    I just bought Xenforo and one of the first things I tried to do was customize the node icons. I used the following code in EXTRA.css



    The read.png seams to be working great, but the unread.gif is getting cut off down the middle. I tried adjusting the height, width, padding, margins, positioning etc, but no matter where it is located, it is cut off.

    the forum under construction
    http://teatimeanimation.elitecadre.com/community/index.php

    the troubling GIF
    http://teatimeanimation.elitecadre....fault/xenforo/widgets/teatime_icon_unread.gif


    Any tips?
     
  2. Shelley

    Shelley Well-Known Member

    You can either go into style properties or apply the following in extra css but you have to set the coordinates for that specific icon to the following. You may not need to apply the !important but it's probably best adjust the coordinates in the style properties.

    Code:
    .node .forumNodeInfo.unread .nodeIcon, .node .categoryForumNodeInfo.unread .nodeIcon {
    background-position: 0 0 !important;
    
     
    JonM likes this.
  3. JonM

    JonM Member


    Adding it to the Node Icon style properties worked perfectly! Thanks!
     

Share This Page