Notifications
Clear all

Limited Support

Our team is currently on holiday, so support will be limited during this period. Response times may be slower than usual, and some inquiries may be delayed. We appreciate your patience and understanding, and we’ll resume our usual support by the end of August.

 

[Solved] Custom Display Ratings

9 Posts
3 Users
2 Reactions
1,821 Views
(@carmechanic)
Active Member
Joined: 5 years ago
Posts: 5
Topic starter  

It is possible to hide star rating "text" and leave only stars ? Custom CSS ?


   
Topic Tags
Astghik
(@astgh)
Illustrious Member Admin
Joined: 8 years ago
Posts: 6444
 

Hi @carmechanic,

You should use the CSS code below:

1. The following code hides the text in the commenting area

.wpd-field-rating .wpd-field-group-title {
    display: none;
}

2. The following code hides the text in the comment area

.wpd-cf-rating .wpd-cf-label {
display: none;
}

The CSS code should be added in the "Custom CSS Code" textarea, located in the Dashboard > Comments > Settings > Styling admin page. 

Please don't forget to delete all caches before checking. 


   
(@carmechanic)
Active Member
Joined: 5 years ago
Posts: 5
Topic starter  

Unfortunately it doesn`t work for me. After paste CSS code in Comments > Settings > Styling admin page., still have "Rate (3/2) test over the stars average 🙁


   
Astghik
(@astgh)
Illustrious Member Admin
Joined: 8 years ago
Posts: 6444
 

@carmechanic,

Please leave some example URL and show on the screenshot what exactly you'd like to hide. I'll try to provide a CSS solution for you. 

 


   
(@carmechanic)
Active Member
Joined: 5 years ago
Posts: 5
Topic starter  

@astghik

delete

Sorry for my long time reply. This text of "Rate 3/2" is above average star rating as I show on screenshot. I want to hide this text and if possible,  move this stars icons in to the top-middle comment box ( second screen )

moved

 

 

 


   
Elvina
(@elvina)
Support
Joined: 6 years ago
Posts: 1403
 

Hi @carmechanic,

Please remove the CSS code provided above, and use the following one:

.wpdiscuz-stars-label {
display: none;
}

.wpdiscuz-stars-wrapper {
margin-left110px;
}
The red marked value can be changed as you need.
 
Please don't forget to delete all caches and press CTRL+F5(twice) on the frontend before checking.

 

 


   
carmechanic reacted
(@carmechanic)
Active Member
Joined: 5 years ago
Posts: 5
Topic starter  

Problem solved. Thank you for great support !!!


   
Astghik reacted
Astghik
(@astgh)
Illustrious Member Admin
Joined: 8 years ago
Posts: 6444
 

@carmechanic

We'd really appreciate and be thankful if you leave a good review on plugin page. This is the best way to say thank you to this project and support team.

 


   
(@carmechanic)
Active Member
Joined: 5 years ago
Posts: 5
Topic starter  

I will 🙂


   
Share:
Scroll to top