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

XF 1.3 "New" icon in thread list - text missing, size wrong

Discussion in 'Styling and Customization Questions' started by Temexter, Nov 20, 2014.

  1. Temexter

    Temexter Member

    I'm trying to change the default new post icon in thread list.

    I tried to make it in the same way as new icon in forum list:
    EXTRA.css:
    Code:
    .nodeInfo.unread .nodeTitle:after
    {
       background-color: #eb0909;
       content: "NEW";
       color: white;
       border-radius: 2px;
       margin-left: 9px;
       margin-bottom: 3px;
       padding: 1px 5px;
       font-size: 9px;
    }
    
    Result:
    Capture.PNG

    So i edited discussion_list.css:
    Code:
    .LoggedIn .discussionListItem .unreadLink,
    .LoggedIn .discussionListItem .ReadToggle
         {
           background-color: #eb0909;
           width: 24;
           content: "NEW";
           color: white;
           border-radius: 2px;
           margin-left: 9px;
           margin-bottom: 3px;
           padding: 1px 5px;
           font-size: 9px;
         }
    
    Result:
    Capture.PNG
    Whats missing or wrong?
     
    Last edited: Nov 20, 2014
  2. Arty

    Arty Well-Known Member

    There:
    and you forgot to add :after pseudo element, so your content isn't there.
     
  3. Temexter

    Temexter Member

    Cheers @Arty :)

    Case closed.
     

Share This Page