Jump to content

Community

Vianney Gantelmi

Bring the 2 images for (un)read forum back

Recommended Posts

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 !

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites
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 ?

Share this post


Link to post
Share on other sites

  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...