Removing unread post icon from forum list?

[CPTOM]

Can anyone tell me how to remove the unread posts icons on the left side of the forum list in 3.3.4?


I've looked at the posts about doing this in earlier versions, but none seem to apply to 3.3.4. The file forumlist_body.html in particular is different....

[GTI]

Can anyone tell me how to remove the unread posts icons on the left side of the forum list in 3.3.4?


I've looked at the posts about doing this in earlier versions, but none seem to apply to 3.3.4. The file forumlist_body.html in particular is different....

Holla

If you mean the little red file icon at the side of the topic title in the topic list

• Open viewforum_body.html
• Go to line 164
• Remove the code snippet that I have pasted below
• Re upload the modified file
• Purge the cache in the ACP

Code: Select all

<!-- IF topicrow.S_UNREAD_TOPIC and not S_IS_BOT -->
	<a class="unread" href="{topicrow.U_NEWEST_POST}">
		<i class="icon fa-file fa-fw icon-red icon-md" aria-hidden="true"></i><span class="sr-only">{NEW_POST}</span>
	</a>
<!-- ENDIF -->

Job done

[ssl]

Hi
If the forum style is a custom style it is better not to delete the code

Replace the code by this:

Code: Select all

<!-- IF topicrow.S_UNREAD_TOPIC and not S_IS_BOT -->
	<!-- <a class="unread" href="{topicrow.U_NEWEST_POST}">
		<i class="icon fa-file fa-fw icon-red icon-md" aria-hidden="true"></i><span class="sr-only">{NEW_POST}</span>
	</a> -->
<!-- ENDIF -->

The day we want to go back, just delete <!-- before <a class="unread", and --> after </a>

[Lumpy Burgertushie]

I don't believe that is what the OP wanted.

he said the unread icon, not the last post icon.
that would mean the read/unread image.
If I remember correctly that is a bit more involved than just removing or commenting out the code.
it leaves the space where the image belongs.

robert

[3Di]

I don't believe that is what the OP wanted.

Not to mention that the above code is simply wrong!

[GTI]

@Lumpy Burgertushie, I did think that but because the OP didn't mention the unread icons I wasn't sure.

To remove the read and unread topic icon images - add the code below the bottom of the common.css style sheet.

This code retains the post icon image which users add on the post editor page and also centres it,

Code: Select all

.topics dl.row-item  {
	background-image: none !important;
}

.topics dl.row-item dt {
	background-position: 7px 50%;
}

.topics dl.row-item dt .list-inner {
	padding-left: 30px;
}

Alternatively, to remove the read/unread topic icon images and the post icons - add the code below to the bottom of the common.css style sheet.

Code: Select all

.topics dl.row-item, dl.row-item dt {
	background-image: none !important;
}

.topics dl.row-item dt .list-inner {
	padding-left: 8px;
}

Note the .topics which is to makes sure it only affects the topic lists, not the forum list and not the pm list.