{"id":1041,"date":"2021-02-01T23:02:17","date_gmt":"2021-02-01T23:02:17","guid":{"rendered":"https:\/\/ariyah.webdesignengine.com\/clean-simple\/?page_id=346"},"modified":"2021-02-16T17:07:52","modified_gmt":"2021-02-16T17:07:52","slug":"image-sliders","status":"publish","type":"page","link":"https:\/\/ariyah.webdesignengine.com\/classy\/image-sliders\/","title":{"rendered":"Image Sliders"},"content":{"rendered":"\n

With the recommended Getwid plugin blocks, you can quickly and easily add image sliders into your pages.<\/p>\n\n\n\n

\n\n\n\n

Full-Width Slider with No Navigation Dots and Fade Effect<\/h4>\n\n\n\n
\"\"<\/figure><\/div>
\"Holistic<\/figure><\/div>
\"Tips<\/figure><\/div>
\"\"<\/figure><\/div><\/div><\/div>\n\n\n\n
\n\n\n\n

Slider with Navigation Dots Overlay and Slide Effect<\/h4>\n\n\n\n
\"\"<\/figure><\/div>
\"Holistic<\/figure><\/div>
\"Tips<\/figure><\/div>
\"\"<\/figure><\/div><\/div><\/div>\n\n\n\n
\n\n\n\n

Image Slider with Text Left<\/h3>\n\n\n\n
\n
\n
<\/div><\/figure>
\n

Slide 1<\/h2>\n\n\n\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.<\/p>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n

\n
<\/div><\/figure>
\n

Slide 2<\/h2>\n\n\n\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.<\/p>\n\n\n\n

\n
Button<\/a><\/div>\n<\/div>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n
\n
<\/div><\/figure>
\n

Slide 3<\/h2>\n\n\n\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.<\/p>\n<\/div><\/div><\/div>\n<\/div><\/div>\n<\/div><\/div><\/div>\n\n\n\n

\n\n\n\n

Image Slider with Text Center<\/h3>\n\n\n\n

This option shows centered text with a fade down effect, slideshow enabled, pause on hover, arrows inside, and dots on outside.<\/p>\n\n\n\n

\n
\n
\"\"
<\/div><\/figure>
\n

Slide 1<\/h2>\n\n\n\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.<\/p>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n

\n
\"Small
<\/div><\/figure>
\n

Slide 2<\/h2>\n\n\n\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.<\/p>\n\n\n\n

\n
Button<\/a><\/div>\n<\/div>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n
\n
\"\"
<\/div><\/figure>
\n

Slide 3<\/h2>\n\n\n\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.<\/p>\n<\/div><\/div><\/div>\n<\/div><\/div>\n<\/div><\/div><\/div>\n\n\n\n

\n\n\n\n

Image Slider with Text Right<\/h3>\n\n\n\n

This also has the navigation dots and arrows inside the slider and a darker overlay to show the text better.<\/p>\n\n\n\n

\n
\n
\"\"
<\/div><\/figure>
\n

Slide 1<\/h2>\n\n\n\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.<\/p>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n

\n
\"Small
<\/div><\/figure>
\n

Slide 2<\/h2>\n\n\n\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.<\/p>\n\n\n\n

\n
Button<\/a><\/div>\n<\/div>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n
\n
\"\"
<\/div><\/figure>
\n

Slide 3<\/h2>\n\n\n\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.<\/p>\n<\/div><\/div><\/div>\n<\/div><\/div>\n<\/div><\/div><\/div>\n\n\n\n

<\/div>\n","protected":false},"excerpt":{"rendered":"

With the recommended Getwid plugin blocks, you can quickly and easily add image sliders into your pages. Full-Width Slider with No Navigation Dots and Fade Effect Slider with Navigation Dots<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/ariyah.webdesignengine.com\/classy\/wp-json\/wp\/v2\/pages\/1041"}],"collection":[{"href":"https:\/\/ariyah.webdesignengine.com\/classy\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ariyah.webdesignengine.com\/classy\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ariyah.webdesignengine.com\/classy\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ariyah.webdesignengine.com\/classy\/wp-json\/wp\/v2\/comments?post=1041"}],"version-history":[{"count":1,"href":"https:\/\/ariyah.webdesignengine.com\/classy\/wp-json\/wp\/v2\/pages\/1041\/revisions"}],"predecessor-version":[{"id":1143,"href":"https:\/\/ariyah.webdesignengine.com\/classy\/wp-json\/wp\/v2\/pages\/1041\/revisions\/1143"}],"wp:attachment":[{"href":"https:\/\/ariyah.webdesignengine.com\/classy\/wp-json\/wp\/v2\/media?parent=1041"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}