Bring the 2 images for (un)read forum back

[+Vianney Gantelmi 46]

Hello !

I'd like to know if you could consider to bring back the possibility to use 2 images for the read and unread state of the forums. Currently, only 1 image is used, which is either opaque or transparent to show the state of a forum.

To be able to use the "classic" "unread image" + another "read image" would be great.

Thanks !

[Jennifer M 182]

Hey @Vianney Gantelmi You can achieve this through CSS.

If you want to use two different Font Awesome icons (this includes changing the background color too):

.cForumRow .ipsItemStatus.ipsItemStatus_large .fa.fa-comments::before {
  content: "\f0a2";
}

.cForumRow .ipsItemStatus.ipsItemStatus_large {
  background: #FF0000;
}

.cForumRow .ipsItemStatus.ipsItemStatus_large.ipsItemStatus_read .fa.fa-comments::before {
  content: "\f0a2";

}
.cForumRow .ipsItemStatus.ipsItemStatus_large.ipsItemStatus_read {
  background: #000;
  opacity: 1;
}

 

For two different images you would do this:

.cForumRow .ipsItemStatus.ipsItemStatus_large .fa.fa-comments::before {
  content: url(PATHTOIMAGE);
}

.cForumRow .ipsItemStatus.ipsItemStatus_large {
  background: transparent;
}

.cForumRow .ipsItemStatus.ipsItemStatus_large.ipsItemStatus_read .fa.fa-comments::before {
  content: url(PATHTOIMAGE);

}
.cForumRow .ipsItemStatus.ipsItemStatus_large.ipsItemStatus_read {
  background: transparent;
  opacity: 1;
}

 

You can do similar things for the topic list etc.

[+Vianney Gantelmi 46]

9 hours ago, Jennifer M said:

Hey @Vianney Gantelmi You can achieve this through CSS.

If you want to use two different Font Awesome icons (this includes changing the background color too):

.cForumRow .ipsItemStatus.ipsItemStatus_large .fa.fa-comments::before {
  content: "\f0a2";
}

.cForumRow .ipsItemStatus.ipsItemStatus_large {
  background: #FF0000;
}

.cForumRow .ipsItemStatus.ipsItemStatus_large.ipsItemStatus_read .fa.fa-comments::before {
  content: "\f0a2";

}
.cForumRow .ipsItemStatus.ipsItemStatus_large.ipsItemStatus_read {
  background: #000;
  opacity: 1;
}

 

For two different images you would do this:

.cForumRow .ipsItemStatus.ipsItemStatus_large .fa.fa-comments::before {
  content: url(PATHTOIMAGE);
}

.cForumRow .ipsItemStatus.ipsItemStatus_large {
  background: transparent;
}

.cForumRow .ipsItemStatus.ipsItemStatus_large.ipsItemStatus_read .fa.fa-comments::before {
  content: url(PATHTOIMAGE);

}
.cForumRow .ipsItemStatus.ipsItemStatus_large.ipsItemStatus_read {
  background: transparent;
  opacity: 1;
}

 

You can do similar things for the topic list etc.

Thank you !

Will try this soon. Is the custom.css file to be modified here ?

[Jennifer M 182]

Yes. Add these items to the custom.css if you need them to be more forum specific you can do that too. This is just generalized replacement.