Making multiple sliders seamless

jimosulli

Hi,

I'm trying to set up a header displaying 3 sliders (similar to the layout of your Be Bar template) but I want the 3 slideshows to fit together seamlessly like a masonry grid. I've tried playing with the slide settings but can't figure out how to make it work!

Albert

Hi,

on Be|Bar demo we did something like on this screenshot http://pasteboard.co/1m9TosCh.png so you can try the same. On the left we used "Slider Plugin" item but on the right side "Column" with the shortcodes for items, as below:

[hover_box image="http://themes.muffingroup.com/be/bar/wp-content/uploads/2015/02/home_bar_quote1.png" image_hover="http://themes.muffingroup.com/be/bar/wp-content/uploads/2015/02/home_bar_quote2.png" link="#"]
[divider height="24"]
[rev_slider bar-content]

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

jimosulli

That's what I did. Slider plugin on the left then a column on the right containing:

[rev_slider slider4]
[rev_slider slider5]

I've tried adjusting the grid width of the sliders but still appears with a gap between the slider plugin and the column - see below.

Albert

Did you tried to set style without margins/paddings for section item?

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

jimosulli

Yes, tried and failed. Think I'll just make it all one column and use divs. If I get it working the way I want, will post the code used here

Albert

The section with right style should work because we tested it on our side and it works.

Learn more: Video Tutorials | How To | FAQ Vote on what comes next