Jump to content
We want to feature your community! ×

Community

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 !

Link to comment
Share on other sites

  • 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.

Link to comment
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 ?

Link to comment
Share on other sites

 Share

×
×
  • Create New...

Important Information

We use technologies, such as cookies, to customise content and advertising, to provide social media features and to analyse traffic to the site. We also share information about your use of our site with our trusted social media, advertising and analytics partners. See more about cookies and our Privacy Policy