Notifications
Clear all

Limited Support

Our support team is currently on holiday from December 25, 2025 to January 7, 2026, and replies may be delayed during this period.

We appreciate your patience and understanding while our team is away. Thank you for being part of the wpForo community!

Merry Christmas and Happy Holidays! 🎄

Can I change this icon?

4 Posts
2 Users
0 Reactions
977 Views
thaiforextrading
Posts: 32
Topic starter
(@thaiforextrading)
Trusted Member
Joined: 2 years ago

Can I change the number of icons that appear on the left-hand side? And can I change the icon on the right-hand side to an icon that I created myself?

 

 


3 Replies
Tutrix
Posts: 1521
(@tutrix)
Noble Member
Joined: 6 years ago

@allenbest51 

Example for the 3 green stars

Replace fas fa-star with (for example) myicon

and then add this CSS code to custom css

#wpforo #wpforo-wrap .myicon {
  background: url(Path to your self-created icon);
  background-size: 40px;
  width: 40px;
  height: 40px;
  display: inline-block;
}

to display only the first icon and not all 3

#wpforo #wpforo-wrap .myicon:nth-of-type(2),
#wpforo #wpforo-wrap .myicon:nth-of-type(3){
  display: none;
}

Dashboard > wpForo > Settings > Colors & Styles > Custom CSS


Reply
thaiforextrading
Posts: 32
Topic starter
(@thaiforextrading)
Trusted Member
Joined: 2 years ago

This CSS will help transform any custom icons that we have customized or added, is that correct? But we need to make 11 images and 11 css. Am I understanding this correctly?

#wpforo #wpforo-wrap .myicon {
  background: url(Path to your self-created icon);
  background-size: 40px;
  width: 40px;
  height: 40px;
  display: inline-block;
}

Reply
Tutrix
Posts: 1521
(@tutrix)
Noble Member
Joined: 6 years ago

Posted by: @thaiforextrading

But we need to make 11 images and 11 css.

If you want a self-created icon for each rating level, then yes


Reply