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

Resizing the unread/read icons

Discussion in 'Troubleshooting and Problems' started by Ranger375, Oct 8, 2010.

  1. Ranger375

    Ranger375 Well-Known Member

    I substituted the images (little speech bubble image showing whether read/unread). But my images are a bit larger than what it presently is, so it cuts off. Where can I edit the height/width for this? The images I'm referring to are in the "widgets" folder titled forum-read and forum-unread

    thx
     
  2. Michael

    Michael Active Member

    You can do this by editing the nodeIcon class and adjusting the width and height to the size you need. You will more than likely need to change the margins for the class too.

    Its in node_list.css, search for

    .node .nodeIcon

    and you should find it :)
     
  3. Russ

    Russ Well-Known Member

    Not sure if there is a specific setting in the Appreance section but you can make a manual adjustment by...

    Under the Appearrance -> Search Templates ->

    Search for .node .nodeIcon

    Find the snippit

    Code:
    .node .nodeIcon
    {
        float: left;
        width: 36px;
        height: 36px;
        margin: 10px 0 10px 10px;
    
        background: transparent none no-repeat center center;
    }
    

     
    ehfz likes this.
  4. Ranger375

    Ranger375 Well-Known Member

    Worked perfectly thanks.
     
  5. ehfz

    ehfz Member

    thank for good work with the size change, but how to change this image? for the unread .nodeIcon, and the read .nodeIcon
    i need it in 2 way
    first if i want to add icon for each fourm ,the second if i wanted for all forum
    help
    plz
     
    Last edited: Feb 7, 2014

Share This Page