The sliders below were created for the redesigned Portfolio site.

• There are two versions—one for a light background, one for a dark background.
• This is set up as a post slider, but could easily be converted to an image slider with custom caption.
• On mobile, the caption stacks below the image.
• Images are added as image objects (not as the background of the slide).
• Some CSS is needed to force the images to crop to the desired aspect ratio on responsive views, and to add some focus styles. Those have been saved along with the exported template files. Add a custom class to the group block that holds the slider. In this example, the class used is wrap-slider.

Test post twelve with a featured image

Archive

Test post twelve with a featured image

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra orci vitae pretium volutpat. Proin ullamcorper, velit in dapibus dictum, tortor urna rutrum dui, quis viverra enim turpis eu tellus. Integer tristique luctus velit ullamcorper varius.

Test post eleven

Archive

Test post eleven

Nunc ac tristique ligula, et rhoncus magna. Pellentesque vestibulum arcu vel elit fermentum, nec sagittis nulla dignissim. Fusce sit amet varius nunc, ut tempor turpis. Praesent ut nisi ut orci vestibulum pulvinar ut sed nisl. Pellentesque vel lorem massa.

Test post ten with a much much longer title to test the text wrap

Archive

Test post ten with a much much longer title to test the text wrap

Donec urna sapien, vestibulum sit amet scelerisque eget, ullamcorper nec augue. Maecenas finibus sed arcu ac suscipit. Morbi iaculis libero sed tellus porttitor, sed tristique justo euismod. Maecenas varius augue sed tristique interdum. Phasellus ornare

Test post twelve with a featured image

Archive

Test post twelve with a featured image

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra orci vitae pretium volutpat. Proin ullamcorper, velit in dapibus dictum, tortor urna rutrum dui, quis viverra enim turpis eu tellus. Integer tristique luctus velit ullamcorper varius.

Test post eleven

Archive

Test post eleven

Nunc ac tristique ligula, et rhoncus magna. Pellentesque vestibulum arcu vel elit fermentum, nec sagittis nulla dignissim. Fusce sit amet varius nunc, ut tempor turpis. Praesent ut nisi ut orci vestibulum pulvinar ut sed nisl. Pellentesque vel lorem massa.

Test post ten with a much much longer title to test the text wrap

Archive

Test post ten with a much much longer title to test the text wrap

Donec urna sapien, vestibulum sit amet scelerisque eget, ullamcorper nec augue. Maecenas finibus sed arcu ac suscipit. Morbi iaculis libero sed tellus porttitor, sed tristique justo euismod. Maecenas varius augue sed tristique interdum. Phasellus ornare