Hello,
I am using the star rating for my posts. However, the stars seem to be too small when visitors want to rate an article on a mobile phone. Is it possible to change the size of the stars for rating with CSS?
Thank you.
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 wpDiscuz community!
Merry Christmas and Happy Holidays! 🎄
Aug 14, 2024 10:04 pm
3 Replies
Aug 15, 2024 9:52 am
Please use the CSS code below:
@media screen and (max-width: 600px){
#wpd-post-rating .wpd-rating-wrap { width: 80%;}
#wpd-post-rating .wpd-rating-wrap .wpd-rating-data {
flex-grow: 1;
}
#wpd-post-rating .wpd-rating-wrap .wpd-rating-right, #wpd-post-rating .wpd-rating-wrap .wpd-rating-left{
flex-grow: 0;
}
#wpd-post-rating .wpd-rating-wrap .wpd-rating-stars svg {
width: 65px;
height: 65px;
}
#wpd-post-rating .wpd-rating-wrap .wpd-rating-value {
height: 85px;
width: 85px;
display: flex;
align-items: center;
justify-content: center;
}
#wpd-post-rating .wpd-rating-wrap .wpd-rating-value .wpdrv, #wpd-post-rating .wpd-rating-wrap .wpd-rating-value .wpdrc, #wpd-post-rating .wpd-rating-wrap .wpd-rating-value .wpdrt{
font-size: 56px !important;
}
#wpd-post-rating .wpd-rating-wrap .wpd-rating-title{
font-size: 20px;
}
}
Put the code in the "Custom CSS code" textarea, located in the Dashboard > wpDiscuz > Settings > Styles & Colors admin page.
Don't forget to delete the caches before checking.
