How to increase font size and center testimonial section title

Store Design
1

Hi all,

How can I increase the font of the testimonials section title + align it to center. Also how can I increase the font size for the customer name at the bottom? :slightly_smiling_face:

www.urbanframes.ae

Adding screenshot for reference.

nadimnahas_1-1645553089590.png
nadimnahas_1-1645553089590.png1920Ă—1080 225 KB

Thank you.

2

Try to update the css file (/assets/styles.css) starting at line 6292

// increase font of the testimonials section title + align it center
.subheading {
  font-size: 1em;
  font-weight: 500;
  line-height: 1.3em;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-align: center;
}
// increase font size for the customer name
.testimonial__author{
  font-size: 1em;
}

Hope I could help!

3

Worked well for the title size but couldn’t find the quote for the author name font size.

Also, anyway I can reduce the actual testimonial message size? it’s too big :slightly_smiling_face:

Thanks!!

4

If you want to reduce the actual testimonial message size add “font-size” in line 4283 (/assets/styles.css)

.testimonial__text .testimonial__blockquote {
  font-size: 16px;
}

for updating the font-size of the author you need to add the following lines after 4281 (/assets/styles.css)

.testimonial__author{
  font-size: 1em;
}
5

Super helpful thanks. One more thing if you don’t mind. How can I center the paragraph and tighten the margins when showing only one review?

My current review section:

nadimnahas_1-1646129440697.png
nadimnahas_1-1646129440697.png1920Ă—606 15.4 KB

How I want it to look (roughly - one review centered which is not taking full page width + remove the hyphen before the author name):

nadimnahas_0-1646129382935.png
nadimnahas_0-1646129382935.png1755Ă—743 42.8 KB

6

@nadimnahas No problem - just drop an url where I can find the issue…

7

Thanks! On my landing page www.urbanframes.ae (it was disabled - i renabled it)