{"id":603,"date":"2026-10-26T23:20:53","date_gmt":"2026-10-26T23:20:53","guid":{"rendered":"https:\/\/hillcityweb.com\/themes\/docs\/modality\/sections\/"},"modified":"2026-10-26T23:36:34","modified_gmt":"2026-10-26T23:36:34","slug":"sections","status":"publish","type":"page","link":"https:\/\/hillcityweb.com\/themes\/docs\/modality\/sections\/","title":{"rendered":"Front page sections"},"content":{"rendered":"<p>Each section has its own place in <em>Customize \u2192 Front Page Sections<\/em>, with its texts, links, images and colors. Leave a color empty to use the style preset\u2019s color. Section texts accept simple HTML such as <code>&lt;strong&gt;<\/code>, <code>&lt;em&gt;<\/code>, <code>&lt;br&gt;<\/code> and links.<\/p>\n<h2>Get Started<\/h2>\n<p>A colored bar with a title, a subtitle and a button. Use it right under the slider for your main message and call to action.<\/p>\n<h2>Features<\/h2>\n<p>A title, a short description and up to six features (<em>Number of features<\/em>). Each feature has a title, a description, an optional link and an icon. Pick icons from the searchable icon picker, which has about 200 icons. Choose an image instead, and the feature shows the image in place of the icon.<\/p>\n<figure class=\"hcwd-shot\"><a href=\"https:\/\/hillcityweb.com\/themes\/wp-content\/uploads\/hcw-docs\/modality\/customizer-features.jpg\"><img loading=\"lazy\" src=\"https:\/\/hillcityweb.com\/themes\/wp-content\/uploads\/hcw-docs\/modality\/customizer-features.jpg\" alt=\"Features Section settings with the icon picker\" width=\"1440\" height=\"900\" loading=\"lazy\" decoding=\"async\"><\/a><figcaption>Features Section: up to six features, each with an icon from the picker or an image.<\/figcaption><\/figure>\n<h2>About Us<\/h2>\n<p>A title and a longer text about your business, with an optional background image.<\/p>\n<h2>Services<\/h2>\n<p>A title, a description, a section image and up to six services with icons (<em>Number of services<\/em>). On wide screens the services sit in two columns next to the image; on phones they stack.<\/p>\n<h2>Call To Action<\/h2>\n<p>A small header, a big header and a button, usually over a background image. Turn it on with <em>Display Call To Action Section<\/em>.<\/p>\n<h2>Content Boxes<\/h2>\n<p>Up to six boxes (<em>Number of content boxes<\/em>), each with an icon, a header, a text and a link. <em>Box button text<\/em> changes the \u201cRead More\u201d label.<\/p>\n<h2>Get In Touch<\/h2>\n<p>A title, a subtitle and a button, for example to your contact page or a phone number (<code>tel:<\/code> link).<\/p>\n<h2>Latest News<\/h2>\n<p>Your newest posts, from all categories or one <em>Latest News Category<\/em>, with a title and up to <em>Number of Posts<\/em> posts.<\/p>\n<h2>Page content, blog posts and social links<\/h2>\n<ul>\n<li><strong>Page content<\/strong>: on a page that uses the Modality Front Page template, the page\u2019s own content appears at this point in the section order.<\/li>\n<li><strong>Blog posts<\/strong> (<em>Display Blog Posts<\/em>): when the home page shows your latest posts, they follow the sections.<\/li>\n<li><strong>Social links<\/strong> (<em>Display Social Links<\/em>): the social icons bar. The links themselves are in <em>Blog &amp; Footer \u2192 Social Links<\/em>.<\/li>\n<\/ul>\n<h2>Backgrounds<\/h2>\n<p>Most sections have a background color and a background image. With <em>Fixed (parallax) section background images<\/em> on, background images stay still while the page scrolls (phones always scroll them normally).<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Each section has its own place in Customize \u2192 Front Page Sections, with its texts, links, images and colors. Leave a color empty to\u2026<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":597,"menu_order":12,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-603","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hillcityweb.com\/themes\/wp-json\/wp\/v2\/pages\/603","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hillcityweb.com\/themes\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hillcityweb.com\/themes\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hillcityweb.com\/themes\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hillcityweb.com\/themes\/wp-json\/wp\/v2\/comments?post=603"}],"version-history":[{"count":1,"href":"https:\/\/hillcityweb.com\/themes\/wp-json\/wp\/v2\/pages\/603\/revisions"}],"predecessor-version":[{"id":618,"href":"https:\/\/hillcityweb.com\/themes\/wp-json\/wp\/v2\/pages\/603\/revisions\/618"}],"up":[{"embeddable":true,"href":"https:\/\/hillcityweb.com\/themes\/wp-json\/wp\/v2\/pages\/597"}],"wp:attachment":[{"href":"https:\/\/hillcityweb.com\/themes\/wp-json\/wp\/v2\/media?parent=603"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}