Review Module Formatting

Posted in: Newspaper
Post count: 53

Hi,
I am using the review module. From the forum I was able to find the changing of colors of stars. But I would need to change the colors of ‘rating figure’ as well as the ‘bars’ as pointed in the screenshot.
http://prntscr.com/js1154

How I can do through css? kindly guide

Post count: 20688

Hi,

For the review bars and final score try a code like this
https://www.screencast.com/t/ZjZr7vgPuNc

.td-rating-bar-wrap div {
background-color: red;
}
.td-review-final-score {
color: yellow;
}

Thanks

Post count: 53

Hi, Thanks it worked like charm. What if we have to turn the ‘feature name’ and corresponding ranking number to bold and also change the font style and size of ‘summary’ to match with the post content font size and style. like i highlighted in the below screenshot
http://prntscr.com/jsh5da

Post count: 20688

Hi,

So something like this maybe
https://www.screencast.com/t/26uKzRUbm9

.td-review-row-bars .td-review-desc,
.td-review-percent {
font-weight:bold;
font-size: 12px;
}

Post count: 53

Hi,
Yes this is what i was looking for. It has changed the formatting of bars and percent numbers but didn’t change the description text as you can see in the screenshot
http://prntscr.com/jt6faq
To see changes on my site, the URL is here.
https://www.phoneyear.com/honor-9-lite-review-a-new-budget-champion/

Post count: 20688

Hi,

Seems I misunderstood, sorry. So you want the summary as well as the other elements font to be as the post content and also bold
https://www.screencast.com/t/fN3Pk0CFcAA
This would be the code for that

.td-review-summary-content,
.td-review-row-bars .td-review-desc,
.td-review-percent {
font-family: Quicksand;
font-size: 20px;
line-height: 30px;
}

You can remove the previous code and enter this one instead.

Viewing 6 posts - 1 through 6 (of 6 total)
The forum ‘Newspaper’ is closed to new topics and replies.