Add a New “New” after unread posts in Xenforo

We are going to discuss how to add a new “New” text after unread posts in your forum. This is rather flexible so if you want, you can customize it to meet your specific needs.

So for this one we are going to edit our Extra.css file.

Where is that?

Well log into your Admin CP and then navigate to Apperance ->Templates -> Extra.css

Like so:


Once you click that you will see the following page:


So at the end of what ever code that you have there you are going to post the following .css code:

.nodeInfo.unread .nodeTitle:after
background-color: #ac1212;
content: "NEW";
color: white;
border-radius: 2px;
margin-left: 5px;
padding: 1px 5px;
font-size: 9px; }

Like I said before you can edit this to however you feel it needs to be.

It will look like this once you do it:


Make sure that you click Save All Changes at the bottom. Once you do that you can go to your forums make a new topic and view it in the node list it should look like this:


There you have it! If you have any question please feel free to ask away!!!

Looking for quality XenForo hosting? Check out Arvixe Web Solutions

Tags: , , , , , , | Posted under XenForo | RSS 2.0

Author Spotlight

Keith Pottratz

Hello My Name is Keith Pottratz. I have been working with computers for over a decade. It's my personal hobby something that I love and enjoy doing. I went to school for Computer Science, and have spent many years self teaching my self various things. I have ton's of experience in HTML,CSS, PHPBB,CPanel,CMS software, blogging software and various other systems and enviroments. My favorite thing to do though is backend developing. I find it to be a growing and ever evolving beast and I love learning about it. I look forward to giving as much knowledge as I can and help.

Leave a Reply

Your email address will not be published. Required fields are marked *