Make text aligned and smaller on blockshop testimonials theme

[unknowndev]

I’m trying to use the testimonials section to describe why people should buy from the website.

I was trying to use text-align: justify; but i’m unable to make it work. I also would like to change the size of the font to make it smaller as it takes up a lot of space on mobile

Any help is greatly appreciated.

website: geneboutique.com

[Made4uo-Ribe]

Hi @unknowndev ,

I understand that you want to justify the testimonial comments and also smaller the font on mobile.

1. From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
2. Find the theme that you want to edit and click on “Actions” and then “Edit code”.
3. In the “Assets” folder, click on “theme.scss.liquid, styles.scss.liquid or base.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
4. And Save.

p.stamped-review-content-body {
    text-align: justify;
}
@media only scree and (max-width: 768px){
p.stamped-review-content-body {
    font-size: 10px;
    }
}

Result:

i hope it help.

[unknowndev]

thank you so much for replying, I was referring to this part on the home page

[Made4uo-Ribe]

Oh sorry, I thought its the testimonial comment.

You can try this one.

.testimonials--block p {
    text-align: justify;
}
@media only scree and (max-width: 768px){
.testimonials--block p {
    font-size: 10px;
}
}

Result: