Line spacing, more general sizing options needed!

[Next_Level_Music]

particularly on mobile, more sizing options are critical! pleeeeease!

[Max]

Hi there, @Next_Level_Music

Thank you so much for the feedback!

Could you please describe what other sizing settings (except for line spacing) you’d like to see in the widget?

As for the mobile line spacing, you can adjust it using this code in the Custom CSS field on the Style tab of your widget’s settings:

@media (max-width: 500px) {
.es-review-content-text {
    line-height: 24px; 
}
}

[Next_Level_Music]

Thanks for responding!

I’d love to be able to scale the review in its entirety if that’s possible.

Or control the size of every part of it individually.

[Max]

You can change the size of the rating and review text in the Review section on the Style tab of your widget’s settings:

As for the other elements (author name, date, source icon, read more button), you can change their size using this CSS code

.es-review-author-name {
  font-size: 20px;
}

.es-review-info-date {
  font-size: 15px;
}
.es-review-info-source-container {
  margin-left: 10px;
  scale: 1.2;
}

.es-review-content-control {
  font-size: 13px;
}

[Next_Level_Music]

thanks for these - it’s starting to help!

is there any way to reduce the size of each review as a total block as it appears on the widget?
or reduce the amount of space between reviews, eg. the red areas on my screenshot

[Max]

This code will help you reduce the size of the review block:

.es-review-container {
  scale: 0.9;
}

Try it out and let me know if you like the result

[Next_Level_Music]

thank you for your help!

I don’t notice that making any difference strangely!

[Next_Level_Music]

@Max

.es-review-container {
  scale: 0.9;
}

ah, wait! that’s helping, thank you!

[Next_Level_Music]

how about reducing these areas in size? anything we can do?

[Max]

This CSS code will help you do this:

.es-review-background-container {
  padding-top: 24px;
  padding-bottom: 24px;
}

.es-review-author-block-container {
  margin-bottom: 16px;
}

To control the spacing between the review blocks, please use the Item spacing setting:

[Next_Level_Music]

awesome, thank you!

the last issue is this space is huge, 0px isn’t small enough. can i enter a negative value, or is there something else I can do?

[Max]

This happens because of this code:

.es-review-container {
  scale: 0.9;
}

Just remove it from the Custom CSS field and the Item Spacing option will work correctly (change spacing and review cards)