Jump to content

Bring the 2 images for (un)read forum back

Featured Replies

Posted

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 !

  • 4 months later...

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.

  • Author
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 ?

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.

Archived

This topic is now archived and is closed to further replies.

Recently Browsing 0

  • No registered users viewing this page.