wpDiscuz - WordPress Comment Plugin
Rating customizatio...
 
Share:
Notifications
Clear all

Suggestion [Solved] Rating customization

7 Posts
2 Users
2 Likes
463 Views
Posts: 9
Topic starter
(@historiek)
Active Member
Joined: 1 year ago

Hello,

I appreciate the rating functionality, thanks for that. Reason not to use it now, however, is the size. I find it quite large which makes it too prominent on our page layout.

It would be nice if smaller (preferably horizontal) rating layouts became available. This would be a reason for me to start using the rating tool anyway.

Perhaps this can be considered.

Thanks in advance, Yuri

6 Replies
Asti
Posts: 6742
 Asti
Support
(@asti)
Illustrious Member
Joined: 6 years ago

Dear Yuri,

You can customize the rating using custom CSS codes.Β 

Posts: 9
Topic starter
(@historiek)
Active Member
Joined: 1 year ago

Thank you. I've messed around with that before, but it wasn't that easy to render the rating tool neat and small horizontally, with a left-hand alignment.

But I will try further.

1 Reply
Asti
 Asti
Support
(@asti)
Joined: 6 years ago

Illustrious Member
Posts: 6742

@historiek,

Please show on some screenshots how you'd like to change it. We'll try to help you with it.Β 

Posts: 9
Topic starter
(@historiek)
Active Member
Joined: 1 year ago

Something like this. So that the tool takes up much less space. it is then best when it is aligned to the left.

2022.10.18 15 45 14

Β 

1 Reply
Asti
 Asti
Support
(@asti)
Joined: 6 years ago

Illustrious Member
Posts: 6742

@historiek,

Please watch this small video instaction: https://www.screencast.com/t/FAVFQVyn

The CSS codes are provided below:Β 

#wpd-post-rating .wpd-rating-wrap .wpd-rating-title, #wpd-post-rating .wpd-rating-wrap .wpd-rating-value, #wpd-post-rating .wpd-rating-wrap .wpd-rating-left, #wpd-post-rating .wpd-rating-wrap .wpd-rating-right{
    display:none;
}
#wpd-post-rating .wpd-rating-wrap .wpd-rating-stars:after {
    content: 'some content';
}
#wpd-post-rating {
    justify-content: flex-start;
}

Β The rest of the customizations you can do yourself based on it.Β 

Put the codes in the Top Admin Bar > Customize > Additional CSS > "Additional CSS" textarea, save it, delete all caches and check again.

Posts: 9
Topic starter
(@historiek)
Active Member
Joined: 1 year ago

Thanks a lot! I can build further on this.

Share: