How to change font size on shopify review app?

[E-V-O]

I am using debut theme, would like to increase the size of the text in the reviews, it's too small. Thank you.

[KetanKumar]

@Carmen-Logics 

can you please provide image and mark which font size do you need reduce

[Carmen-Logics]

@KetanKumar here it is:

[KetanKumar]

@Carmen-Logics 

thanks for more clear please add this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

#shopify-product-reviews .spr-header-title {
    font-size: 18px; /* change value as you like */
}

[Carmen-Logics]

Works like a charm! Thank you @KetanKumar !!

[KetanKumar]

@Carmen-Logics 

it's my pleasure to help us

[TeaChestHI-BD]

Thank you for the solutions for the title header and review body & reply content. What about the review's author and date, what is the CSS class for that line?

Mahalo in advance,

Ben

Link to example page: https://teachest.com/products/olena-tea-bags

Scroll down to the Customer Reviews section. First post: "Brian on Jun 01, 2021". That is what I would like to enlarge. Also the 'Report As Inappropriate' link.

[TeaChestHI-BD]

@KetanKumar - Never mind, I figured it out. I used the 'Inspect' feature of Developer Tools in Firefox to find the CSS classes.

Here is my code for the Header Byline and Report as Inappropriate link:

.spr-review-header-byline {
  font-size: 94% !important;
}

.spr-review-reportreview {
  font-size: 98% !important
}

As for the rest of the content in my Customer Reviews:

.spr-review-header-title {
  font-size: 108% !important;
}

.spr-review-content-body {
    font-size: 98% !important;
  	line-height: 150% !important;
}
.spr-review-reply-body, .spr-review-reply-shop  {
    font-size: 98% !important;
  	line-height: 150% !important;
}

 I tend to use percentages for mobile compatibility. Hope this helps other users. Thanks again @KetanKumar ! BTW, the difference in class names might be due to my theme by the developer, Out of The Sandbox.

[KetanKumar]

@TeaChestHI-BD 

Wow, it would be great.

thanks for update

[TeaChestHI-BD]

@KetanKumar 

You're welcome!

But wait… there's more!

Edit the Write a Review form

h3.spr-form-title {
  font-size: 116% !important;
}

.spr-form-label {
  font-size: 103% !important;
}

input.spr-form-input-text, input.spr-form-input-email {
  width: 45% !important;
  font-size: 96% !important;
}

textarea.spr-form-input-textarea {
  font-size: 96% !important;
}

Change the color of the rating stars

.spr-badge-starrating, .spr-review-header-starratings, .spr-summary-starrating {
  color: #DCB232;
}

Change values to suit your site. Enjoy. Aloha!