Conversation
supportI was trying to make some changes with css to match the look more like the website design. But when I added an author review for a woocomerce product, the vertical space/height between the rating items are not equal. I am attaching an screenshot marking with green to demonstrate the issue. Look at the first rating, height between text (Design) and bar is better. But the items below are different. I made no changes on these heights. Could you please help me with that? Or at least tell me what is the problem? Any help is much appreciable. Thank you. The page I need help with: [ log in to see the link]
I just want the label and the bar stick together, that’s it.
Hi @mhasan , Thanks for reaching out to us. I’ve seen the ratings line, yes it’s getting some extra margin. Please use this custom CSS to Appearance > Customize > Additional CSS: .xs-review-overview-list.custom-rat .border-div { margin: 0px 0px !important; } Hope it will resolve the issue. Regards Arif
Thanks a lot @faithcoder ! Way better!
I just want the label and the bar stick together, that’s it.
Hi @mhasan , Thanks for reaching out to us. I’ve seen the ratings line, yes it’s getting some extra margin. Please use this custom CSS to Appearance > Customize > Additional CSS: .xs-review-overview-list.custom-rat .border-div { margin: 0px 0px !important; } Hope it will resolve the issue. Regards Arif
Thanks a lot @faithcoder ! Way better!