tutorial graphic

Elementor Pro – Add and Style Link in Testimonial Carousel

Get the latest from
Sniffle Valve

Sniffle Valve

Consider buying Sniffle Valve a coffee  

Book a one-on-one online training session

Note: To copy any code presented in these tutorials, hover over the code and select the Toggle RAW Code icon raw code icon

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;
}

Leave a Comment

Your email address will not be published. Required fields are marked *

Scroll to Top