{"id":929,"date":"2016-07-23T09:28:17","date_gmt":"2016-07-23T09:28:17","guid":{"rendered":"http:\/\/bigtop.dev\/?page_id=929"},"modified":"2016-08-13T11:49:50","modified_gmt":"2016-08-13T09:49:50","slug":"feature-top","status":"publish","type":"page","link":"https:\/\/sg-demo.com\/amare-basic\/feature-top\/","title":{"rendered":"Feature Top"},"content":{"rendered":"<h3>Feature Top default<\/h3>\n<p>You might want to set up a Feature Top now (however, this is optional).<br \/>\nYou\u00b4ll find the settings in Dynamik Design &#8211; EZ &#8211; Feature Top EZ-Widget Areas. Imported setting is: Visible only on frontpage (Home checkbox checked). If you don\u00b4t plan to use the Feature Top, just uncheck that checkbox.<br \/>\nThe layout is set to &#8220;EZ Feature Top 1&#8221; (you can choose a different layout here or set it to &#8220;Disabled&#8221;).<br \/>\nThere is a sample pic included and some styling done in the settings there. You can change all this to your liking and fitting the pic you choose. Please note that there is CSS in the #Custom boxes (click those buttons) &#8211; you might want to change that, too.<\/p>\n<p><span style=\"color: #c31b42;\"><strong>IMPORTANT:<\/strong><\/span> There is no &#8220;height&#8221; setting. The Padding Top and Bottom settings (200 px) will define how much space there will be above and under your text. That plus your text makes the all-over-height and defines how much of your pic will be visible also. Set to your liking. Take care that the large pic you are using there is optimized for web (loading time!). My demo pic is 1920 wide.<\/p>\n<p><strong><a href=\"http:\/\/sg-demo.com\/amare-basic\/wp-content\/uploads\/sites\/14\/2016\/07\/EZ-Feature-Top-settings.jpg\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-medium wp-image-1117\" src=\"http:\/\/sg-demo.com\/amare-basic\/wp-content\/uploads\/sites\/14\/2016\/07\/EZ-Feature-Top-settings-300x169.jpg\" alt=\"EZ-Feature-Top-settings\" width=\"300\" height=\"169\" srcset=\"https:\/\/sg-demo.com\/amare-basic\/wp-content\/uploads\/sites\/14\/2016\/07\/EZ-Feature-Top-settings-300x169.jpg 300w, https:\/\/sg-demo.com\/amare-basic\/wp-content\/uploads\/sites\/14\/2016\/07\/EZ-Feature-Top-settings-768x434.jpg 768w, https:\/\/sg-demo.com\/amare-basic\/wp-content\/uploads\/sites\/14\/2016\/07\/EZ-Feature-Top-settings.jpg 977w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>SAMPLE TEXT:<\/strong> Here\u00b4s what I put in the text widget I dragged into the Feature Top 1 widget in Appearance &#8211; Widgets then (<label for=\"widget-text-9-filter\">Automatically add paragraphs<\/label> checked, Widget Title: Flexible Feature Top!):<\/p>\n<div class=\"arconix-toggle-wrap\"><div class=\"arconix-toggle-title toggle-closed\"><i class='fa fa-plus-square'><\/i>Get the code<\/div><div class=\"arconix-toggle-content\">\n<code>Just a static image? Or a pattern? A slider maybe? &lt;br&gt;<br \/>\nOr even a background video? It\u00b4s your choice!<br \/>\n&lt;a class=\"button\" href=\"put your link here\" title=\"Whatever\" style=\"font-size: 20px; margin:25px 0 0 0;\"&gt;Read more&lt;\/a&gt;<\/code><br \/>\n<\/div><\/div>\n<hr \/>\n<h2>Other possibilities<\/h2>\n<h5><span style=\"color: #c31b42; margin-top: 30px;\"><strong>BEFORE YOU USE A RESPONSIVE IMAGE, SLIDER OR A VIDEO IN FEATURE TOP:<\/strong><\/span><\/h5>\n<div class=\"arconix-box arconix-box-lgrey\"><i class='fa fa-2x pull-left fa-lightbulb-o'><\/i><div class=\"arconix-box-content\">\n<ul>\n<li>Go to Dynamik Design &#8211; EZ &#8211; Feature Top EZ-Widget Areas<\/li>\n<li>Remove the background image and set &#8220;Type&#8221; to Color (you can also check the &#8220;No color&#8221; checkbox).<\/li>\n<li>Set all the padding to zero. Save.<\/li>\n<\/ul>\n<\/div><\/div>\n<hr \/>\n<div class=\"one-third first\"><span style=\"font-size: 20px;\">Want a simple image?<br \/>\n<a class=\"button\" style=\"font-size: 20px; margin: 25px 0 0 0;\" title=\"Image Hero\" href=\"http:\/\/sg-demo.com\/amare-basic\/image-hero\/\">Go here!<\/a><\/span><\/div>\n<div class=\"one-third\"><span style=\"font-size: 20px;\">Want a slider?<br \/>\n<a class=\"button\" style=\"font-size: 20px; margin: 25px 0 0 0;\" title=\"Image Hero\" href=\"http:\/\/sg-demo.com\/amare-basic\/slider-hero\/\">Read on!<\/a><\/span><\/div>\n<div class=\"one-third\"><span style=\"font-size: 20px;\">Or a background video?<br \/>\n<a class=\"button\" style=\"font-size: 20px; margin: 25px 0 0 0;\" title=\"Image Hero\" href=\"http:\/\/sg-demo.com\/amare-basic\/video-hero\/\">Check out!<\/a><\/span><\/div>\n<div class=\"clearfix\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Feature Top default You might want to set up a Feature Top now (however, this is optional). You\u00b4ll find the settings in Dynamik Design &#8211; EZ &#8211; Feature Top EZ-Widget Areas. Imported setting is: Visible only on frontpage (Home checkbox checked). If you don\u00b4t plan to use the Feature Top, just uncheck that checkbox. The &#8230; <a href=\"https:\/\/sg-demo.com\/amare-basic\/feature-top\/\" rel=\"nofollow\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","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\/929"}],"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=929"}],"version-history":[{"count":10,"href":"https:\/\/sg-demo.com\/amare-basic\/wp-json\/wp\/v2\/pages\/929\/revisions"}],"predecessor-version":[{"id":1201,"href":"https:\/\/sg-demo.com\/amare-basic\/wp-json\/wp\/v2\/pages\/929\/revisions\/1201"}],"wp:attachment":[{"href":"https:\/\/sg-demo.com\/amare-basic\/wp-json\/wp\/v2\/media?parent=929"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}