Channing Icon

[flyalaska]

How do I change my f_unread icon in v4?

[tAPir]

Go into each forums settings and you can upload an icon. This icon is then dimmed automatically when there are no unread. It's also how you can have different icons for each forum.

[Woodsman]

	.ipsItemStatus.ipsItemStatus_large {
		background-image: url( {resource="f_icon.png" app="core" location="custom"});
		background-repeat: no-repeat;
		background-color: #D3E1E4;
		color: transparent;
		width: 40px;
		height: 39px;
		line-height: 44px;
		border: 2px solid: #D3E1E4;
		border-radius: 20px;
		display: inline-block;
		text-align: center;
		font-size: 18px;
		padding: 2px;
		{prefix="transition" value="0.15s all linear"}
	}

		.ipsItemStatus.ipsItemStatus_large.ipsItemStatus_read {
			background-image: url( {resource="f_icon_read.png" app="core" location="custom"});
			background-repeat: no-repeat;
			background-color: #D3E1E4;
			width: 40px;
			border-radius: 20px;
		}

	.ipsItemStatus.ipsItemStatus_read {
		opacity: 1;
	}

	.ipsItemStatus.ipsItemStatus_large.cForumIcon_password {
		background-image: url( {resource="f_protected.png" app="core" location="custom"});
        background-repeat: no-repeat;
	}

	.ipsItemStatus.ipsItemStatus_large.cForumIcon_redirect {
		background-image: url( {resource="f_redirect.png" app="core" location="custom"});
		background-repeat: no-repeat;
		width: 40px;
	}

You will find the forum Icons under badges

.ipsItemStatus.ipsItemStatus_large {  ---> Forum Unread - f_icon.png

.ipsItemStatus.ipsItemStatus_large.ipsItemStatus_read {   ---> Forum Read - f_icon_read.png

I hope this gave you what you need.

[flyalaska]

I think it would be easier to just make my new icon name it the same as the default and upload it to the directory so it will overwrite the default. So what is the url path to the  f_unread?

[Woodsman]

You will find the forum Icons under badges

.ipsItemStatus.ipsItemStatus_large {  ---> Forum Unread -

 f_icon.png

[flyalaska]

Got it working, thanks for the help.