{"id":641,"date":"2013-04-18T20:59:04","date_gmt":"2013-04-19T01:59:04","guid":{"rendered":"http:\/\/para.llel.us\/themes\/incentive-wp\/?page_id=641"},"modified":"2013-04-18T20:59:04","modified_gmt":"2013-04-19T01:59:04","slug":"design-styles","status":"publish","type":"page","link":"https:\/\/advancedtechcell.solutions\/index.php\/design-styles\/","title":{"rendered":"Design Styles"},"content":{"rendered":"<h2>Full Width or Boxed Layouts<\/h2>\n<p>Incentive offers two primary layout styles, boxed and full width. The full width style stretches from edge to edge while the boxed style creates a nice clean \u00abpage\u00bb look with a subtle shadow. In the boxed style you may add custom background colors and images to the page body. Background images can be set to full width, filling the browser and remaining static when scrolling.<br \/>\n<div id=\"attachment_713\" style=\"width: 793px\" class=\"wp-caption alignnone\"><a title=\"Boxed Layout\" href=\"https:\/\/i0.wp.com\/192.168.2.124\/runway\/wp-content\/uploads\/2013\/04\/screenshot-sample-boxed-1024x424.png\" rel=\"screenshot\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-713\" class=\"wp-image-713 styled-image\" alt=\"screenshot-sample-boxed\" src=\"https:\/\/i0.wp.com\/192.168.2.124\/runway\/wp-content\/uploads\/2013\/04\/screenshot-sample-boxed-1024x424.png?resize=783%2C324\" width=\"783\" height=\"324\" \/><\/a><p id=\"caption-attachment-713\" class=\"wp-caption-text\">Boxed Style<\/p><\/div><br \/>\n<div id=\"attachment_714\" style=\"width: 793px\" class=\"wp-caption alignnone\"><a title=\"Full Width Layout\" href=\"https:\/\/i0.wp.com\/192.168.2.124\/runway\/wp-content\/uploads\/2013\/04\/screenshot-sample-full-width-1024x424.png\" rel=\"screenshot\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-714\" class=\"wp-image-714 styled-image  \" alt=\"screenshot-sample-full-width\" src=\"https:\/\/i0.wp.com\/192.168.2.124\/runway\/wp-content\/uploads\/2013\/04\/screenshot-sample-full-width-1024x424.png?resize=783%2C324\" width=\"783\" height=\"324\" \/><\/a><p id=\"caption-attachment-714\" class=\"wp-caption-text\">Full Width Style<\/p><\/div>\n<h3>Selecting a Layout Style<\/h3>\n<h3><a href=\"https:\/\/i0.wp.com\/192.168.2.124\/runway\/wp-content\/uploads\/2013\/04\/screenshot-sample-boxed-theme-options.png\"><img data-recalc-dims=\"1\" decoding=\"async\" class=\"alignleft  wp-image-719\" alt=\"screenshot-sample-boxed-theme-options\" src=\"https:\/\/i0.wp.com\/192.168.2.124\/runway\/wp-content\/uploads\/2013\/04\/screenshot-sample-boxed-theme-options.png?w=300\"  \/><\/a><\/h3>\n<p>The layout style can be set in the default theme options for your entire site by choosing \u00ab<strong>Boxed<\/strong>\u00bb as the<strong> Layout Style<\/strong>\u00a0under the <strong>Design Settings<\/strong> area.<br \/>\nEach layout created in the Layout Manager provides an option to override the default layout style with a custom setting. This method will let you individually set entire sections or just a single page to an alternate layout style. A useful application for this would be having a boxed layout for your portfolio or blog to specify custom background images as an added accent or forcing only the home page to full width highlighting the slide show.<br \/>\n<a href=\"https:\/\/i0.wp.com\/192.168.2.124\/runway\/wp-content\/uploads\/2013\/04\/screenshot-sample-boxed-layout-manager.png\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"alignright size-full wp-image-737\" alt=\"screenshot-sample-boxed-layout-manager\" src=\"https:\/\/i0.wp.com\/192.168.2.124\/runway\/wp-content\/uploads\/2013\/04\/screenshot-sample-boxed-layout-manager.png?resize=290%2C156\" width=\"290\" height=\"156\" \/><\/a>To apply a custom layout style for an individual page, post or area you can edit the layout specific to that location and set the \u00abLayout Style\u00bb option in the right settings column. You can create a new layout specific to this style. You can assign layouts from the Layout Manager or an individual page\/post.<br \/>\nA lot is possible using custom layouts beyond just setting a layout style. Once you start experimenting with the combinations of different styles and options you&#8217;ll see the power of the Layout Manager.<\/p>\n<h2>Docked Top Banner<\/h2>\n<div id=\"attachment_863\" style=\"width: 560px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/i0.wp.com\/192.168.2.124\/runway\/wp-content\/uploads\/2013\/05\/screenshot-sample-docked-setting.jpg\" rel=\"docked-banner\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-863\" class=\"size-full wp-image-863   \" alt=\"screenshot-sample-docked-setting\" src=\"https:\/\/i0.wp.com\/192.168.2.124\/runway\/wp-content\/uploads\/2013\/05\/screenshot-sample-docked-setting.jpg?resize=550%2C85\" width=\"550\" height=\"85\" srcset=\"https:\/\/i0.wp.com\/advancedtechcell.solutions\/wp-content\/uploads\/2013\/05\/screenshot-sample-docked-setting.jpg?w=550&amp;ssl=1 550w, https:\/\/i0.wp.com\/advancedtechcell.solutions\/wp-content\/uploads\/2013\/05\/screenshot-sample-docked-setting.jpg?resize=300%2C46&amp;ssl=1 300w\" sizes=\"auto, (max-width: 550px) 100vw, 550px\" \/><\/a><p id=\"caption-attachment-863\" class=\"wp-caption-text\">Appearance \u203a Theme Options \u203a Design Styles \u203a Docked Top Banner<\/p><\/div><br \/>\nThe top banner with your logo and menu can optionally be docked to scroll with the page. When the option to dock the top banner is enabled it will automatically appear at the top of the screen once you scroll below the header section of the page.<br \/>\n<a href=\"https:\/\/i0.wp.com\/192.168.2.124\/runway\/wp-content\/uploads\/2013\/05\/screenshot-sample-docked-banner.jpg\" rel=\"docked-banner\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-864\" alt=\"screenshot-sample-docked-banner\" src=\"https:\/\/i0.wp.com\/192.168.2.124\/runway\/wp-content\/uploads\/2013\/05\/screenshot-sample-docked-banner.jpg?resize=783%2C139\" width=\"783\" height=\"139\" \/><\/a><br \/>\nThe top banner will reduce the size of your logo automatically. The menus you have sill still function normally. Mega menu and standard drop down menus will show exactly as they do in the standard header. The docked top banner option can be enabled or disabled optionally based on your preference.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Full Width or Boxed Layouts Incentive offers two primary layout styles, boxed and full width. The full width style stretches from edge to edge while the boxed style creates a nice clean \u00abpage\u00bb look with a subtle shadow. In the boxed style you may add custom background colors and images to the page body. Background images can be set to full width, filling the browser and remaining static when scrolling. Selecting a Layout Style The layout style can be set in the default theme options for your entire site by choosing \u00abBoxed\u00bb as the Layout Style\u00a0under the Design Settings area. Each layout created in the Layout Manager provides an option to override the default layout style with a custom setting. This method will let you individually set entire sections or just a single page to an alternate layout style. A useful application for this would be having a boxed layout for your portfolio or blog to specify custom background images as an added accent or forcing only the home page to full width highlighting the slide show. To apply a custom layout style for an individual page, post or area you can edit the layout specific to that location and set the \u00abLayout Style\u00bb option in the right settings column. You can create a new layout specific to this style. You can assign layouts from the Layout Manager or an individual page\/post. A lot is possible using custom layouts beyond just setting a layout style. Once you start experimenting with [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":12,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-641","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/advancedtechcell.solutions\/index.php\/wp-json\/wp\/v2\/pages\/641","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/advancedtechcell.solutions\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/advancedtechcell.solutions\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/advancedtechcell.solutions\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/advancedtechcell.solutions\/index.php\/wp-json\/wp\/v2\/comments?post=641"}],"version-history":[{"count":0,"href":"https:\/\/advancedtechcell.solutions\/index.php\/wp-json\/wp\/v2\/pages\/641\/revisions"}],"wp:attachment":[{"href":"https:\/\/advancedtechcell.solutions\/index.php\/wp-json\/wp\/v2\/media?parent=641"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}