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.
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.
@asti For example this page
https://www.meinkreuznach.de/vitaphone-handy-reparatur-service/
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.
