Basic Examples

Here you can find very basic examples of how to add the wordpress slider block to your website, showcasing different alignment and height options. Notice how all images are always centered and cropped perfectly. You dont have to crop them by hand, just upload any image with any dimensions and orientation. Gutenslider will do the cropping and placement in order to make them always look great.

Slider with 3 Slides – no content

Slider no content – auto slides per view

Slider with 3 Slides – Dynamic Content

Slider with 3 Slides – Fixed Content

Slider full width – slide animation

Slider with wide alignment

This might look different on your theme. Some themes are not setup to display alignment properly. Ask your theme author.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Viverra aliquet eget sit amet tellus. Urna duis convallis convallis tellus id interdum velit laoreet id. Risus in hendrerit gravida rutrum quisque non tellus orci ac. Massa vitae tortor condimentum lacinia quis vel. Feugiat nibh sed pulvinar proin gravida. Fringilla urna porttitor rhoncus dolor purus non enim praesent. Eu tincidunt tortor aliquam nulla facilisi cras fermentum odio eu. Risus sed vulputate odio ut enim blandit volutpat. Nec sagittis aliquam malesuada bibendum. Eu mi bibendum neque egestas congue quisque egestas diam in.

Contained Images

Pharetra pharetra massa massa ultricies mi. Ultrices vitae auctor eu augue ut. Sed lectus vestibulum mattis ullamcorper velit sed ullamcorper. Amet nisl purus in mollis nunc sed id semper. Enim sed faucibus turpis in eu. Elementum tempus egestas sed sed. Ac felis donec et odio pellentesque diam volutpat commodo sed. Mi quis hendrerit dolor magna eget est. Nunc sed augue lacus viverra. Sed vulputate odio ut enim blandit volutpat maecenas volutpat. Enim sed faucibus turpis in eu.

Contained Images Position + Text

Vulputate ut pharetra sit amet aliquam id diam. At volutpat diam ut venenatis. Sit amet luctus venenatis lectus magna fringilla urna porttitor rhoncus. Porttitor leo a diam sollicitudin tempor id eu nisl nunc. Neque gravida in fermentum et sollicitudin ac orci phasellus egestas. Id aliquet risus feugiat in. Maecenas sed enim ut sem viverra aliquet eget. Tristique nulla aliquet enim tortor at auctor urna nunc id. Id eu nisl nunc mi. Magna eget est lorem ipsum dolor sit amet consectetur adipiscing. Gravida cum sociis natoque penatibus et. Nulla pellentesque dignissim enim sit amet venenatis urna cursus. Ut tortor pretium viverra suspendisse potenti nullam ac tortor. Tristique risus nec feugiat in fermentum posuere urna. Urna neque viverra justo nec ultrices dui sapien. Nisi lacus sed viverra tellus. Convallis convallis tellus id interdum velit laoreet.

100% Height Slider