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 gVectors community!

Merry Christmas and Happy Holidays! 🎄

[Solved] wpdrating stars shortcode showing vertically

5 Posts
3 Users
0 Reactions
1,922 Views
(@schematic98)
Active Member
Joined: 6 years ago
Posts: 10
Topic starter  

Hi, I have the wpdrating shortcode set up as per the documentation and it is showing the star rating vertically instead of horizontally like in the setup images. I have WpDiscuz 7 beta-8 installed.

Capture


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

Hi @schematic98,

Please navigate to the Dashboard > Comments > wpDiscuz > Settings > Styles and Colors admin page, put the following CSS code in the "Custom CSS code" textarea:

#wpd-post-rating .wpd-rating-wrap .wpd-rating-stars{
flex-direction: row;
}

Please don't forget to delete all caches and press CTRL+F5(twice) on the frontend before checking.



   
(@schematic98)
Active Member
Joined: 6 years ago
Posts: 10
Topic starter  

Hi @elvina,

Unfortunately, that didn't seem to fix the problem. Heres a link to the page: https://mychoiceschools.com.au/queensland/somerset/prenzlau-state-school/

Thanks



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

@schematic98,

Please put the following code in the "Custom CSS code" textarea as well:

.wpd-rating .wpd-rating-wrap .wpd-rating-stars svg {
display: inline-block;
}

Don't forget to delete all caches before checking. 



   
(@schematic98)
Active Member
Joined: 6 years ago
Posts: 10
Topic starter  

That's fixed it. Thanks!



   
Share:
Scroll to top