Forum Icon changes when read and unread

[Sirapat Kidwisala]

I realize that when I wanna add forum icon, the system only allows one icon for both read and unread forum. However, I wanna have separated icons so I went to take a look at the code but I'm not quite sure on how to do it.

{{if !$forum->redirect_on}}
{{if \IPS\forums\Topic::containerUnread( $forum ) AND \IPS\Member::loggedIn()->member_id}}<a href="{{if $isSubForum}}{$forum->url()->setQueryString( array( 'do' => 'markRead', 'return' => $forum->parent_id ) )->csrf()}{{else}}{$forum->url()->setQueryString( 'do', 'markRead' )->csrf()}{{endif}}" data-action='markAsRead' title='{lang="mark_forum_read"}' data-ipsTooltip>{{endif}}
{{endif}}
	{{if $forum->redirect_on}}
		<span class='ipsItemStatus ipsItemStatus_large cForumIcon_normal {{if !\IPS\forums\Topic::containerUnread( $forum ) && !$forum->redirect_on}}ipsItemStatus_read{{endif}}' {template="formattedInlineStyle" params="$forum" app="core" group="global" location="front"}>
        		<!-- below is the icon for unread, I wanna add one more read icon but not quite sure how to do -->
         		<img src="http:example.com/images/f_icon.png">
		</span>
	{{endif}}
{{endif}}
{{if !$forum->redirect_on and \IPS\forums\Topic::containerUnread( $forum ) AND \IPS\Member::loggedIn()->member_id}}
</a>
{{endif}}

Any help would be greatly appreciated! Thank you.

[Sirapat Kidwisala]

I managed to change icons using CSS! Issue solved.