Remove arrow buttons from testimonial slider

WebScope · October 2014

Hi

Love your theme!

Is there a way to remove the arrow button from both side of the testimonials slider?

When I open the site on a tablet/phone the arrows narrow the testimonial text borders and it expand a lot downward, make it not comfortable to read to read the text.

URL for the site: http://goo.gl/aFZjns

Thanks!

WebScope · October 2014

P.s. When I look on Nexus 7 (portrait mode) the testimonial slider arrow appears. If possible, I would like to remove the arrows entirely from the site (From DeskTop/Tablet/Phone)

Albert · October 2014

Hi,

to remove those arrows, please use below css:

.testimonials_slider a.slider_next { display: none !important; }
.testimonials_slider a.slider_prev { display: none !important; }

WebScope · October 2014

thanks alot!

max40 · October 2016

Hi Team!

I found this thread and have the same problem. I pasted this CSS below on the testimonial slider. But the arrows are still there. FYI, I don't use pictures for this testimonials.

Thank you for your immediate help.

Albert · October 2016

@max40 Any link to page where above css does not work? We are pretty sure it has nothing to above css but we need to look on it first.

max40 · October 2016

test.max40-gruppe.eu

Thanks in advance!

Albert · October 2016

@max40 Ok, thanks. So just as we thought, it has nothing to above css itself. You put above css in the place reserved for css class names. Above css need to be put into Custom CSS & JS > Custom CSS section. For more details about css selectors, we recommend to read the following articles:

http://www.w3schools.com/css/css_syntax.asp

https://www.sitepoint.com/title-css-simple-approach-css-class-naming/

max40 · October 2016

Thank you! That works super!

Albert · October 2016

You are welcome!

Remove arrow buttons from testimonial slider

Comments