Change Star Size and Reviewer Name&Color in Review Slider

Hi,

Thanks for using CusRev.

There isn’t an option to change the size of the star rating and reviewer name. You can create your own custom CSS code to do that. Here is an example to reduce the size of the star rating in the slider review.

.cr-reviews-slider .cr-review-card .crstar-rating span {
    font-size: 20px;
}
.cr-reviews-slider .cr-review-card .crstar-rating::before {
    font-size: 20px;
}

If it doesn’t work on your site, I recommend contacting an expert developer to help you create some custom CSS code.

Worked perfectly for the stars but not the name and the 5/5 behind the stars.
Tried with “.reviewer-name” instead of .crstar-rating but that didn’t do it either.
Thankful for a hint here too.

Hi,

For other elements, you can use the Inspect tool of the browser to find the class of the element and create the correct CSS code.
Please follow the documentation https://developer.chrome.com/docs/devtools

Hi,

solved it. Thanks!
Still the third review on this page https://motionskicken.se/ a bit down, has the stars with an offset. Any idea? UPDATE: Just noticed that that specific review only got 4 stars but your plugin seems to force all reviews in the slider to present 5 stars no matter what they actually got.

Also I saw that the border in the grid view has round corners whereas the slider view has sharp corners. Did not find how to change that neither with the inspect tool. Appreciate help here.

• This reply was modified 7 months, 2 weeks ago by motionskicken.

If you are reducing the font size, you should reduce the width of the ratings element accordingly. It means changing width property of the .crstar-rating element from 172px to 125px (for example). You should experiment with size / width to see what values will work best for your website design.