# Testimonials Slider

**URL:** https://community.elfsight.com/c/css-codes/testimonials-slider/226.md

[Latest](https://community.elfsight.com/latest.md) · [Categories](https://community.elfsight.com/categories.md) · [Tags](https://community.elfsight.com/tags.md)

---

## [Make images square on mobile (4th testimonial style with Show Images disabled)](https://community.elfsight.com/t/make-images-square-on-mobile-4th-testimonial-style-with-show-images-disabled/82408)

<div class="topic-metadata">

**Author:** [@Max](https://community.elfsight.com/u/Max)\
**Replies:** 0\
**Last updated:** [November 13, 2024, 5:30pm UTC](https://community.elfsight.com/t/make-images-square-on-mobile-4th-testimonial-style-with-show-images-disabled/82408 "2024-11-13T17:30:42Z")

</div>

Add this code to the Custom CSS field on the Style tab of your Testimonials Slider widget’s settings: @media screen and (max-width: 640px) { \[class\*="Postcard\_\_StyledAvatar-sc-"\] { padding-top: 100%; } }

---

## [Change logo size](https://community.elfsight.com/t/change-logo-size/82416)

<div class="topic-metadata">

**Author:** [@Max](https://community.elfsight.com/u/Max)\
**Replies:** 0\
**Last updated:** [November 13, 2024, 5:37pm UTC](https://community.elfsight.com/t/change-logo-size/82416 "2024-11-13T17:37:40Z")

</div>

Add this code to the Custom CSS field on the Style tab of your Testimonials Slider widget’s settings: .es-review-info-company-logo { height: 50px; }

---

## [Align author name to the center (1st and 3rd testimonial styles)](https://community.elfsight.com/t/align-author-name-to-the-center-1st-and-3rd-testimonial-styles/82414)

<div class="topic-metadata">

**Author:** [@Max](https://community.elfsight.com/u/Max)\
**Replies:** 0\
**Last updated:** [November 13, 2024, 5:35pm UTC](https://community.elfsight.com/t/align-author-name-to-the-center-1st-and-3rd-testimonial-styles/82414 "2024-11-13T17:35:01Z")

</div>

Add this code to the Custom CSS field on the Style tab of your Testimonials Slider widget’s settings: .es-review-author-name-container { margin: 0 auto; }

---

## [Change font size of the author name](https://community.elfsight.com/t/change-font-size-of-the-author-name/82411)

<div class="topic-metadata">

**Author:** [@Max](https://community.elfsight.com/u/Max)\
**Replies:** 0\
**Last updated:** [November 13, 2024, 5:32pm UTC](https://community.elfsight.com/t/change-font-size-of-the-author-name/82411 "2024-11-13T17:32:43Z")

</div>

Add this code to the Custom CSS field on the Style tab of your Testimonials Slider widget’s settings: .es-review-author-name { font-size: 20px; }

---

## [Align stars to the left](https://community.elfsight.com/t/align-stars-to-the-left/82410)

<div class="topic-metadata">

**Author:** [@Max](https://community.elfsight.com/u/Max)\
**Replies:** 0\
**Last updated:** [November 13, 2024, 5:31pm UTC](https://community.elfsight.com/t/align-stars-to-the-left/82410 "2024-11-13T17:31:33Z")

</div>

Add this code to the Custom CSS field on the Style tab of your Testimonials Slider widget’s settings: \[class\*="Rating\_\_Container-sc"\] { justify-content: left; }

---

## [Change font size of the caption](https://community.elfsight.com/t/change-font-size-of-the-caption/82405)

<div class="topic-metadata">

**Author:** [@Max](https://community.elfsight.com/u/Max)\
**Replies:** 0\
**Last updated:** [November 13, 2024, 5:29pm UTC](https://community.elfsight.com/t/change-font-size-of-the-caption/82405 "2024-11-13T17:29:00Z")

</div>

Add this code to the Custom CSS field on the Style tab of your Testimonials Slider widget’s settings: .es-review-info-caption{ font-size: 20px; }