Aug 14, 2024 10:04 pm
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.
3 Replies
Aug 15, 2024 9:52 am
@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.
