I want to improve the looks of the review section on my store

New Member
3 0 1
Hi guys!
I would love to make my testimonial stand out by making the text larger and changing the background color of the testimonial section.
Can anyone give me a hand?
I'm using the Debut theme

Hi @saraklausey,

ad font size:

the size of the font is determined by the style sheet. You will find it in the Assets order if you edit the code of the theme Debut. The name is theme.css. Here search for .quotes-slider__text. Here you can change the font size by replacing 1.75 by any other number, e.g. as

  font-size: calc(((var(--font-size-base) + 2.5) / (var(--font-size-base))) * 1em);


ad background color

At the same class you can  change the background color.

With both modification the css class now looks as below.

.quotes-slider__text {
  font-size: calc(((var(--font-size-base) + 2.5) / (var(--font-size-base))) * 1em);
  font-weight: var(--font-weight-body);
  font-style: var(--font-style-body);
  padding: 0 15px;
  background-color: lightgreen;
  .quotes-slider__text cite {
    font-size: calc(((var(--font-size-base)) / (var(--font-size-base) + 4)) * 1em);
    font-style: normal; }
  .quotes-slider__text p {
    margin-bottom: 30px; }
    .quotes-slider__text p + cite {
      margin-top: 0; }

But before you make the changes make sure you backup your theme.css file  so that you can use the old one if something goes wrong.


• War meine Antwort hilfreich? Hinterlasse bitte ein Like.
• Hat meine Antwort Dein Problem gelöst? Bitte akzeptiere sie als Lösung.