How To Create Scrolling Promo Widgets

Hey Guys,

I have an area on a homepage that we are developing that we implemented the “Promo Box” widget to create profile thumbnails. Currently we have 3 in the section, in a 3 column set, but we need to have more. The client requested that it only show 3 at any given time but scroll to show more. Im sure you know what im talking about because many sites use something similar to this. Its like an image slider that shows the promo boxes, shows 3 at a time, and has the navigation buttons on the left and right. Do you know of a way we can accomplish this?

FYI I was tinkering with this a bit and this was something I tried. I added a section with a slider and in the slide content I pasted the HTML for the promo box. The promo box looks correct and it slides correctly but its only 1 slide at a time. Can I edit the slider to show 3 things at a time? I would also like to have the navigation be at the side but thats less important than the 3 columns.

I got it to this point by messing with css but I cant get it to slide.

Hi there,

The slider element is meant to display one slider at a time and would involve further customization if you change its structure.

You might want to check out Revolution Slider and create a carousel slider that displays 3 items at a time.

Please check this link for more information:

https://www.themepunch.com/revslider-doc/carousel/

Hope this helps.

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