Notifications
Clear all

[Solved] wpdrating stars shortcode showing vertically

5 Posts
3 Users
0 Likes
1,031 Views
(@schematic98)
Active Member
Joined: 4 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: 5 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: 4 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: 6 years ago
Posts: 5911
 

@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: 4 years ago
Posts: 10
Topic starter  

That's fixed it. Thanks!


   
Share:
Scroll to top