Testimonial slider

Support
#1

I was looking for a nice plugin to display customer testimonials. Any recommendations?

#2

Hi @Web_Services,

There is a testimonial element in Cornerstone but it is an individual testimonial and not a slider. If you want to display one testimonial at a time through a slider, you might want to try the Classic Slider Element. With that element, you can add some texts that will appear to be a slider,

Also, here are some search results you can check:

https://tinyurl.com/y5gsmmsc

Hope this helps.

#3

Alright, so I’m using the classic slider to display testimonials across the site (which I’ve created as global blocks in X). You can see one example of this here: https://www.newsite.storeitcold.com/agriculture/ (between the headers “Get Temperature Alerts via WiFi” and “Post Harvest Care Tips”)
There are a few changes I want to make to make them all consistent.

1: I want to change the background color of the slider

2: I want all the text in the slider to not be covered by the navigation arrows at the top left corner of the slider. Ideally, I would like the arrows to be displayed on the left and right edges of the block in the same way that is done on my original site (https://www.storeitcold.com/agriculture/ in the section between the headers “Get Temperature Alerts via WiFi” and “Post Harvest Care Tips”)
If that is not possible, can we move the text to start a line below the navigation arrows?

3: I don’t want the slider to change size as it moves between slides. Can we have each slider retain the box size of the slider with the largest size?

I basically want to replicate the layout on my original site (linked in point 2 as closely as possible). How can we do this?

You can check out all my sliders under global blocks titled “swipe testiominals.”

#4

Hi @Web_Services,

Here’s a guide:

Please add the background on the global block section. Inspect the section and you can see the option to set a background.

Try adding this on the page custom CSS:

.flex-direction-nav a.flex-next { /*Move right navigation to the right*/
    left: auto;
    right: 50px;
}
li.x-slide>div { /*Add space on left and right content of the slide so it won't touch the navigation*/
    padding: 0 10%;
}
.flex-viewport { /*#3*/
    min-height: 100px; /*For height issue, set a min-height*/
}

Hope this helps.

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.