{"id":819,"date":"2015-05-24T16:21:20","date_gmt":"2015-05-24T16:21:20","guid":{"rendered":"http:\/\/bigtop.dev\/?page_id=2"},"modified":"2016-08-02T12:04:58","modified_gmt":"2016-08-02T10:04:58","slug":"slider-hero","status":"publish","type":"page","link":"https:\/\/sg-demo.com\/amare-basic\/feature-top\/slider-hero\/","title":{"rendered":"Slider Hero"},"content":{"rendered":"

This is how Crelly Slider in the Feature Top would look like.<\/span><\/h3>\n

The slider in use here is Crelly slider. It\u00b4s (at the time of writing this) a free, well supported plugin that allows for animated layers.<\/p>\n

Here\u00b4s the link to the plugin page: https:\/\/wordpress.org\/plugins\/crelly-slider\/<\/a><\/div>\n

However, the Feature Top should work with any slider that\u00b4s able to display full-width and gives you shortcodes to insert into a textwidget. In Crelly Slider, you\u00b4d have to select “Layout: Fluid”, a start width that matches your pics and a height you\u00b4d wish your slider to have. Please read the docs:
\nhttp:\/\/fabiorino1.altervista.org\/projects\/crellyslider\/documentation\/<\/a><\/p>\n

My Crelly settings look like this (click):<\/p>\n

\"Crelly<\/a><\/p>\n

Create your slider, save it and copy the shortcode. Drag a textwidget into Feature Top and insert the slider shortcode. Save.<\/p>\n

I included a bit of CSS styles for Crelly. There\u00b4s a layer that will darken the top of the pics so the menu will stay readable. And I moved the progress bar to the bottom. You will find that in Dynamik Design – Skins – Amare – CSS (commented). Remove it, edit it or extend it, whatever you like.<\/p>\n

If you run into problems with CSS coming from your third-party slider plugin and colliding with Dynamik (didn\u00b4t notice any with Crelly), please visit the support forum of the plugin and don\u00b4t forget to include a link to your site. Don\u00b4t blame me, however. \ud83d\ude09<\/p>\n","protected":false},"excerpt":{"rendered":"

This is how Crelly Slider in the Feature Top would look like. The slider in use here is Crelly slider. It\u00b4s (at the time of writing this) a free, well supported plugin that allows for animated layers. However, the Feature Top should work with any slider that\u00b4s able to display full-width and gives you shortcodes … Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":929,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"","footnotes":""},"_links":{"self":[{"href":"https:\/\/sg-demo.com\/amare-basic\/wp-json\/wp\/v2\/pages\/819"}],"collection":[{"href":"https:\/\/sg-demo.com\/amare-basic\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sg-demo.com\/amare-basic\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sg-demo.com\/amare-basic\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sg-demo.com\/amare-basic\/wp-json\/wp\/v2\/comments?post=819"}],"version-history":[{"count":5,"href":"https:\/\/sg-demo.com\/amare-basic\/wp-json\/wp\/v2\/pages\/819\/revisions"}],"predecessor-version":[{"id":1184,"href":"https:\/\/sg-demo.com\/amare-basic\/wp-json\/wp\/v2\/pages\/819\/revisions\/1184"}],"up":[{"embeddable":true,"href":"https:\/\/sg-demo.com\/amare-basic\/wp-json\/wp\/v2\/pages\/929"}],"wp:attachment":[{"href":"https:\/\/sg-demo.com\/amare-basic\/wp-json\/wp\/v2\/media?parent=819"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}