The effects of alcohol on
sustanon 250 leucine for – real weight loss & bodybuilding benefits?
Question [Solved] change size of star rating
✦ Summarize Topic
✦
✦
✦
AI is analyzing the discussion...
How-to and Troubleshooting
Topic starter
Translate
▼
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
Show original
Translating...
Aug 15, 2024 2:04 am
(@kh86)
Active Member
Joined: 1 year ago
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.
Support
Translate
▼
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
Show original
Translating...
Aug 15, 2024 12:38 pm
(@asti)
Illustrious Member
Joined: 8 years ago
Hi,
Please leave the URL of your website, We'll check and provide a CSS solution for you.
(@kh86)
Joined: 1 year ago
Active Member
Posts: 4
Aug 15, 2024 1:52 pm
Translate
▼
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
Show original
Translating...
(@asti)
Joined: 8 years ago
Illustrious Member
Posts: 8211
Aug 16, 2024 1:47 pm
Translate
▼
English
Spanish
French
German
Italian
Portuguese
Russian
Chinese
Japanese
Korean
Arabic
Hindi
Dutch
Polish
Turkish
Vietnamese
Thai
Swedish
Danish
Finnish
Norwegian
Czech
Hungarian
Romanian
Greek
Hebrew
Indonesian
Malay
Ukrainian
Bulgarian
Croatian
Slovak
Slovenian
Serbian
Lithuanian
Latvian
Estonian
Show original
Translating...
@kh86
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.