{"id":1027,"date":"2022-02-21T16:12:22","date_gmt":"2022-02-21T16:12:22","guid":{"rendered":"https:\/\/zapable.com\/docs\/?post_type=docs&p=1027"},"modified":"2022-02-21T16:12:22","modified_gmt":"2022-02-21T16:12:22","password":"","slug":"layout-inspire","status":"publish","type":"docs","link":"https:\/\/zapable.com\/docs\/docs\/layouts\/layout-inspire\/","title":{"rendered":"Layout Inspire"},"content":{"rendered":"\n

In this layout overview we’ll be taking a look at Layout Inspire<\/strong> that you can find inside your app builder.<\/p>\n\n\n\n

Here are the sections of this guide for quick reference.<\/p>\n\n\n\n

Homepage Options<\/a>
Layout Options
<\/a>Previewing The Layout<\/a>
Homepage Colors<\/a><\/p>\n\n\n\n

Like with any other layout, you can choose to use this option from the layouts options panel by clicking the green change layout button from the homepage of the app builder when you are editing an app.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n
<\/path><\/svg><\/span>Homepage Options<\/span><\/h5>\n\n\n\n

This particular layout does not offer any homepage options.<\/p>\n\n\n\n

<\/path><\/svg><\/span>Layout Options<\/span><\/h5>\n\n\n\n

There are a few layout options within this layout template.<\/p>\n\n\n\n

You can change the case of the title text and also the color of that title text too.<\/p>\n\n\n\n

You can choose the strength of the color overlay opacity for each of the feature tiles on the homepage. <\/p>\n\n\n\n

You also have the ability change the color of the overlays on the first, second, third and fourth tiles and then this pattern is repeated for the additional app feature items that display on your app home page.<\/p>\n\n\n

\n
\n\n

Layout Options<\/strong><\/p>\n\n\n\n

\"\"<\/figure><\/div>\n\n<\/div><\/div><\/div>\n<\/div>\n\n\n
<\/path><\/svg><\/span>Previewing The Layout<\/span><\/h5>\n\n\n\n

Here’s a quick look at the how the app looks with this layout.<\/p>\n\n\n

\n
\n\n

Application Homescreen Example 1<\/strong><\/p>\n\n\n\n

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

Application Homescreen Example 2<\/strong><\/strong><\/p>\n\n\n\n

\"\"<\/figure>\n\n<\/div><\/div><\/div>\n<\/div>\n\n\n
<\/path><\/svg><\/span>Homepage Colors<\/span><\/h5>\n\n\n\n

Please note that all color changes for the homepage are found under the main left menu, under Colors<\/strong> and then select the Homepage<\/strong> option.<\/p>\n\n\n\n

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

In this layout overview we’ll be taking a look at Layout Inspire that you can find inside your app builder. Here are the sections of this guide for quick reference. Homepage OptionsLayout OptionsPreviewing The LayoutHomepage Colors Like with any other layout, you can choose to use this option from the layouts options panel by clicking … Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[80],"doc_tag":[],"class_list":["post-1027","docs","type-docs","status-publish","hentry","doc_category-layouts"],"year_month":"2026-04","word_count":221,"total_views":"170","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"name":"zapdocs","author_nicename":"zapdocs","author_url":"https:\/\/zapable.com\/docs\/author\/zapdocs\/"},"doc_category_info":[{"term_name":"Layouts","term_url":"https:\/\/zapable.com\/docs\/docs-category\/layouts\/"}],"doc_tag_info":[],"_links":{"self":[{"href":"https:\/\/zapable.com\/docs\/wp-json\/wp\/v2\/docs\/1027","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zapable.com\/docs\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/zapable.com\/docs\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/zapable.com\/docs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/zapable.com\/docs\/wp-json\/wp\/v2\/comments?post=1027"}],"version-history":[{"count":1,"href":"https:\/\/zapable.com\/docs\/wp-json\/wp\/v2\/docs\/1027\/revisions"}],"predecessor-version":[{"id":1032,"href":"https:\/\/zapable.com\/docs\/wp-json\/wp\/v2\/docs\/1027\/revisions\/1032"}],"wp:attachment":[{"href":"https:\/\/zapable.com\/docs\/wp-json\/wp\/v2\/media?parent=1027"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/zapable.com\/docs\/wp-json\/wp\/v2\/doc_category?post=1027"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/zapable.com\/docs\/wp-json\/wp\/v2\/doc_tag?post=1027"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}