Change author name's color for testimonials section in Streamline theme

Store Design
1

Hi!

I have the following testimonials section in the home page of my theme, as shown below (authors are edited out of pic) and I wish to change the color of the author’s name, which is currently shown in the same color of the testimonial itself.

luiszadel_0-1658351139721.png
luiszadel_0-1658351139721.png1269×345 23.8 KB

The code for the section is as follows:

{%- if section.settings.title != blank -%}

{{ section.settings.title | escape }}

{%- endif -%}

{%- if section.blocks.size > 0 -%}

{%- for block in section.blocks -%}
{%- if block.settings.testimonial != blank -%}
{{ block.settings.testimonial }}
{%- endif -%} {%- if block.settings.image != blank -%}
{%- assign img_url = block.settings.image | img_url: '1x1' | replace: '_1x1.', '_{width}x.' -%} {{ block.settings.image.alt }}
{%- endif -%} {%- if block.settings.author != blank -%} {{ block.settings.author | escape }} {%- endif -%}
{%- endfor -%}
{%- endif -%}

{% schema %}
{
“name”: “t:sections.testimonials.name”,
“max_blocks”: 10,
“settings”: [
{
“type”: “text”,
“id”: “title”,
“label”: “t:sections.testimonials.settings.title.label”,
“default”: “Testimonials”
},
{
“type”: “select”,
“id”: “align_text”,
“label”: “t:sections.testimonials.settings.align_text.label”,
“default”: “center”,
“options”: [
{
“value”: “left”,
“label”: “t:sections.testimonials.settings.align_text.options.left.label”
},
{
“value”: “center”,
“label”: “t:sections.testimonials.settings.align_text.options.center.label”
}
]
},
{
“type”: “checkbox”,
“id”: “round_images”,
“label”: “t:sections.testimonials.settings.round_images.label”,
“default”: true
},
{
“type”: “checkbox”,
“id”: “alt”,
“label”: “t:sections.testimonials.settings.alt.label”
}
],
“blocks”: [
{
“type”: “testimonial”,
“name”: “t:sections.testimonials.blocks.testimonial.name”,
“settings”: [
{
“type”: “richtext”,
“id”: “testimonial”,
“label”: “t:sections.testimonials.blocks.testimonial.settings.testimonial.label”,
“default”: “

Add customer reviews and testimonials to showcase your store’s happy customers.

”
},
{
“type”: “image_picker”,
“id”: “image”,
“label”: “t:sections.testimonials.blocks.testimonial.settings.image.label”
},
{
“type”: “text”,
“id”: “author”,
“label”: “t:sections.testimonials.blocks.testimonial.settings.author.label”,
“default”: “Author’s name”
}
]
}
],
“presets”: [
{
“name”: “t:sections.testimonials.presets.testimonials.name”,
“blocks”: [
{
“type”: “testimonial”
},
{
“type”: “testimonial”
}
]
}
]
}
{% endschema %}

Thanks in advance.

2

@luis-zadel ,

Share the store URL…

3

Thanks @oscprofessional , the store URL is https://adaptohealusa.com/

Also wanted to point out that the theme uses JSON templates

4

@luis-zadel

I’m Richard Nguyen - CRO Expert at PageFly- Free Landing Page Builder.

You can try with this code.

Follow this:

Go to Online Store->Theme->Edit code->Theme.css->”style” tag->paste below code in bottom of file

blockquote cite.testimonials-slider__text {

color: red;

}

It will look like this: https://prnt.sc/QIzqDdaBRnUE

If you feel my answer is helpful, like it or mark it as a solution. Let me know if you have any questions.

Best regards,

Richard | PageFly

5

@luis-zadel ,

blockquote.testimonials-slider__text cite {
    color: red;
}

Add this css at the bottom of Online Store->Theme->Edit code->Assets->theme.scss.liquid