elementor pro style testimonial carousel

This tutorial shows you how to add, and more importantly, style a link within the content of the Elementor Pro Testimonial Carousel widget as well as the Elementor core (free) Testimonial widget.

As each widget uses a different CSS selector, you cannot use the same CSS for both.

Also shown is how the link behaves. For the Elementor Pro Testimonial Carousel, the link opens in the same browser tab, whereas the Elementor core (free) Testimonial widget link opens in a new browser tab. Your use case will determine which to use.

Note: replace both the full URL for the link with one of your own choosing as well as the READ MORE text with text of your choice.

<div id="tc-link"><a href="http://test1.test/category/blog/">READ MORE</a></div>
<div id="tc-link"><a href="http://test1.test/category/blog/" target="_blank">READ MORE</a></div>

Note: replace any or all CSS values with ones of your choice.

.elementor-widget-testimonial-carousel .elementor-testimonial__text #tml-c-link a  {
  font-size: 1.6em;
  font-style: normal;
  font-weight: 700;
  line-height: 1.3;
  color: red;
}
.elementor-testimonial-wrapper #tml-link a  {
  font-size: 1.6em;
  font-style: normal;
  font-weight: 700;
  line-height: 1.3;
  color: red;
}

Similar Posts

Leave a Reply

Your email address will not be published.