Title: Testimonial scroll / slider Last modified: August 31, 2016 --- # Testimonial scroll / slider * [nathanthomas](https://wordpress.org/support/users/nathanthomas/) * (@nathanthomas) * [10 years, 1 month ago](https://wordpress.org/support/topic/testimonial-scroll-slider/) * Hi, * I wonder if anyone could help me? I recently went to update my testimonial and cliets section (logos) but noticed that they just add everything onto the one page. Is there a way to make it so that only 4 testimonials and 4 client logos show up on the front page but with an option to slide between more or have a scroll bar type item if people wish you see more. As at the moment the front page is looking very untidy with all the testimonials and logos all over the place. * Any help or advice would be very much appreciated Viewing 15 replies - 1 through 15 (of 25 total) 1 [2](https://wordpress.org/support/topic/testimonial-scroll-slider/page/2/?output_format=md) [→](https://wordpress.org/support/topic/testimonial-scroll-slider/page/2/?output_format=md) * [Softound Solutions](https://wordpress.org/support/users/softound/) * (@softound) * [10 years, 1 month ago](https://wordpress.org/support/topic/testimonial-scroll-slider/#post-7199133) * Can you send me your site link to see ? * Thread Starter [nathanthomas](https://wordpress.org/support/users/nathanthomas/) * (@nathanthomas) * [10 years, 1 month ago](https://wordpress.org/support/topic/testimonial-scroll-slider/#post-7199218) * Hi Softound, thank you for the reply. I have added a link below: * [http://www.twistedsystem.net](http://www.twistedsystem.net) * For the Testimonials at the moment i have added a row and had to split it into 4 and then added each one separately as a service widget. this seems to work… but want an option now to be able to scroll / slider along to see more. * Thank you again for you help. * [Softound Solutions](https://wordpress.org/support/users/softound/) * (@softound) * [10 years, 1 month ago](https://wordpress.org/support/topic/testimonial-scroll-slider/#post-7199219) * is it ok? if you have the testimonials like the services * Thread Starter [nathanthomas](https://wordpress.org/support/users/nathanthomas/) * (@nathanthomas) * [10 years, 1 month ago](https://wordpress.org/support/topic/testimonial-scroll-slider/#post-7199220) * I was hoping i could keep the look of the testimonials as they are but just add in the feature that would allow you to scroll to the next set of 4 and so on. Same with the logos at the bottom… i only want ppl to be able to see 4 then have the option to scroll to see more if they want.. or have them on a timed slider feature. * Just nor sure if this theme has that option? or if i require custom CSS or need to purchase a plugin in to achieve this. * [Softound Solutions](https://wordpress.org/support/users/softound/) * (@softound) * [10 years, 1 month ago](https://wordpress.org/support/topic/testimonial-scroll-slider/#post-7199223) * Do you need scroll vertically or horizontally ? * [Softound Solutions](https://wordpress.org/support/users/softound/) * (@softound) * [10 years, 1 month ago](https://wordpress.org/support/topic/testimonial-scroll-slider/#post-7199226) * if you have any example, please send me link * Thread Starter [nathanthomas](https://wordpress.org/support/users/nathanthomas/) * (@nathanthomas) * [10 years, 1 month ago](https://wordpress.org/support/topic/testimonial-scroll-slider/#post-7199228) * Ideally scroll horizontally. * I have attached a couple of web sites thats have a similar idea – * [https://www.computerrepair-uk.com/](https://www.computerrepair-uk.com/) * and * [https://issuu.com/](https://issuu.com/) * Would like the design i have to remain but have the scroll arrows they have so i have the option of adding more over time. or a slider effect so they move by themselves. * [Softound Solutions](https://wordpress.org/support/users/softound/) * (@softound) * [10 years, 1 month ago](https://wordpress.org/support/topic/testimonial-scroll-slider/#post-7199229) * Try this CSS * ``` body.home.page #pg-31-3{ overflow-x: scroll; margin-bottom: 20px; } ``` * [Kharis Sulistiyono](https://wordpress.org/support/users/kharisblank/) * (@kharisblank) * [10 years, 1 month ago](https://wordpress.org/support/topic/testimonial-scroll-slider/#post-7199230) * Hello there, * > 4 testimonial items with scrolling * Try to use single “Sydney FP: Testimonials” widget. In the field that says “Number of testimonials to show”, put -1. Then do the following: * 1. Open the _js/main.js_ in your code editor, then copy the whole content of it; then paste it into _js/main.min.js_. So it will be more readable 2. Find the following code: * ``` var testimonialCarousel = function(){ if ( $().owlCarousel ) { $('.roll-testimonials').owlCarousel({ navigation : false, pagination: true, responsive: true, items: 1, itemsDesktop: [3000,1], itemsDesktopSmall: [1400,1], itemsTablet:[970,1], itemsTabletSmall: [600,1], itemsMobile: [360,1], touchDrag: true, mouseDrag: true, autoHeight: true, autoPlay: $('.roll-testimonials').data('autoplay') }); } }; ``` * 3. Change the **_items_** option’s value into 4. So it will look like the following: * ``` var testimonialCarousel = function(){ if ( $().owlCarousel ) { $('.roll-testimonials').owlCarousel({ navigation : false, pagination: true, responsive: true, items: 4, itemsDesktop: [3000,1], itemsDesktopSmall: [1400,1], itemsTablet:[970,1], itemsTabletSmall: [600,1], itemsMobile: [360,1], touchDrag: true, mouseDrag: true, autoHeight: true, autoPlay: $('.roll-testimonials').data('autoplay') }); } }; ``` * 4. You might want to minify this JS file [here](http://jscompress.com/) * 5. Save changes. Then update it via FTP or cPanel * You would need to clear your browser’s cache before reloading your site. * > Scrolling clients * Apologies, this feature isn’t supported by the theme’s core at the moment. * Regards, Kharis * Thread Starter [nathanthomas](https://wordpress.org/support/users/nathanthomas/) * (@nathanthomas) * [10 years, 1 month ago](https://wordpress.org/support/topic/testimonial-scroll-slider/#post-7199248) * Hi Kharis Sulistiyono, thank you very much for the quick reply. * I’m not really switched on with the whole coding side of things… so i little lost when it comes to doing the tweak you mentioned. * Where do i find the js/main.js section for example? to even begin giving this a go 😛 * [Kharis Sulistiyono](https://wordpress.org/support/users/kharisblank/) * (@kharisblank) * [10 years, 1 month ago](https://wordpress.org/support/topic/testimonial-scroll-slider/#post-7199301) * Hello there, * Download the Sydney theme package to your drive, then start editing locally in your computer using code editor application like [Notepad++](https://notepad-plus-plus.org/) or [Atom](https://atom.io/). Once you’re done, update the respective file in your host via FTP. The file path is usually `public_html/wp-content/themes/sydney/ js/main.min.js` * Regards, Kharis * Thread Starter [nathanthomas](https://wordpress.org/support/users/nathanthomas/) * (@nathanthomas) * [10 years, 1 month ago](https://wordpress.org/support/topic/testimonial-scroll-slider/#post-7199308) * Yeah thats.. def beyond my expertise 😛 i’m afraid i’ll mess something up. Think i may have to just leave it for now. * [Softound Solutions](https://wordpress.org/support/users/softound/) * (@softound) * [10 years, 1 month ago](https://wordpress.org/support/topic/testimonial-scroll-slider/#post-7199309) * Try this for quick solution * ``` body.home.page #pg-31-3{ overflow-x: scroll; margin-bottom: 20px; } ``` * Thread Starter [nathanthomas](https://wordpress.org/support/users/nathanthomas/) * (@nathanthomas) * [10 years, 1 month ago](https://wordpress.org/support/topic/testimonial-scroll-slider/#post-7199310) * That worked.. kinda of… i now have a scroll bar at the bottom. The only issue now is how do i add more testimonials so you can use the scroll bar to go through them? * I have added the testimonials by using the Sydney testimonial section.. then add a row to the front page but cut it into 4. The added each testimonial so it views 4 individual. * Have tried cutting the row further into 8… but just adds them all to the same page crushed. * I have tried leaving the row as a whole and doing the whole -1 so that it views all testimonial. The issue with that is it shows just one but with a slider option. would rather see 4 on the page. * Hope the info helps. * Thread Starter [nathanthomas](https://wordpress.org/support/users/nathanthomas/) * (@nathanthomas) * [10 years, 1 month ago](https://wordpress.org/support/topic/testimonial-scroll-slider/#post-7199311) * this is how it looks when you do the -1 show all. * After something like this… but have it show 4 at a time. Is there something in the Theme i can tweak to achieve this. That doesn’t require to much skill 😛 * [http://www.twistedsystem.net/](http://www.twistedsystem.net/) Viewing 15 replies - 1 through 15 (of 25 total) 1 [2](https://wordpress.org/support/topic/testimonial-scroll-slider/page/2/?output_format=md) [→](https://wordpress.org/support/topic/testimonial-scroll-slider/page/2/?output_format=md) The topic ‘Testimonial scroll / slider’ is closed to new replies. * ![](https://i0.wp.com/themes.svn.wordpress.org/sydney/2.67/screenshot.png) * Sydney * [Support Threads](https://wordpress.org/support/theme/sydney/) * [Active Topics](https://wordpress.org/support/theme/sydney/active/) * [Unresolved Topics](https://wordpress.org/support/theme/sydney/unresolved/) * [Reviews](https://wordpress.org/support/theme/sydney/reviews/) ## Tags * [scroll](https://wordpress.org/support/topic-tag/scroll/) * 25 replies * 6 participants * Last reply from: [Thrijith Thankachan](https://wordpress.org/support/users/thrijith/) * Last activity: [9 years, 3 months ago](https://wordpress.org/support/topic/testimonial-scroll-slider/page/2/#post-8678194) * Status: not resolved