How to edit testimonial styling?

[Bradley Velsink]

Hey there!

I may be missing something obvious, but I can’t seem to find where someone can edit the testimonial styling. Font, image size, color, background etc. Can anyone help?

[Andre Flores]

Hello Bradley,

The styling of Testimonials section can be edited via custom CSS only. It is recommended to add a custom CSS class to the widget via Elementor first: https://prnt.sc/10jkfzn. After that feel free to apply custom CSS styles to the desired elements, e.g.:

.testimonials-widget {
	color: green;
}
.testimonials-widget .rating .star {
	color: green;
}
.testimonials-widget .more-link {
	background: green;
	color: #000;
}
.testimonials-widget .more-link:hover {
	color: #fff;
}
.testimonials-widget .hentry:not(.page) .entry-header h2 a {
	color: #000;
}
.testimonials-widget .hentry:not(.page) .entry-header h2 a:hover {
	color: green;
}

Above is an example of CSS with the .testimonials-widget custom CSS class added to the Elementor widget.

Regards,
Andre

[Author]

Posts