{"id":307,"date":"2024-03-02T19:35:04","date_gmt":"2024-03-02T19:35:04","guid":{"rendered":"https:\/\/www.med.unc.edu\/webguide\/cells\/?page_id=307"},"modified":"2024-09-11T13:49:15","modified_gmt":"2024-09-11T13:49:15","slug":"examples","status":"publish","type":"page","link":"https:\/\/www.med.unc.edu\/webguide\/cells\/repeatable-boxes\/image-boxes\/content-boxes\/examples\/","title":{"rendered":"Content Box Examples Without Left-Hand Navigation"},"content":{"rendered":"

View the Content Box documentation<\/a>\n

Example One<\/h2>\n

Below is an example of a 3-column<\/strong> layout with 3\/2 aspect ratio images<\/strong> and image padding<\/strong>, using the light blue background<\/strong>.<\/p>\n<\/som-cell>\n

 <\/p>\n

Example Two<\/h2>\n

Below is a 4-column<\/strong> layout without images or excerpt text,<\/strong> using the medium blue background<\/strong>. Because there is a mix of linking and non-linking boxes, the link icon appears in the upper right-hand corner to indicate which boxes have links.<\/p>\n<\/som-cell>\n

 <\/p>\n

Example Three<\/h2>\n

Below is an example of the boxes we use on Web Guide<\/a>. This is a 3-column<\/strong> layout with a light gray background<\/strong> and no image<\/strong>.<\/p>\n<\/som-cell>\n

 <\/p>\n

Example Four<\/h2>\n

Below is an example of a 3-column<\/strong> layout with 1\/1 aspect ratio images without image padding<\/strong> and using the dark blue background<\/strong>. Because there is a mix of linking and non-linking boxes, the link icon appears in the upper right-hand corner to indicate which boxes have links.<\/p>\n<\/som-cell>\n

 <\/p>\n

Example Five<\/h2>\n

Below is an example of a 3-column<\/strong> layout with 1\/1 aspect ratio images without image padding<\/strong> and using the medium blue background<\/strong>. The Include Link (Global)<\/strong> was turned off and the Rich Text Editor<\/strong> was used on each box to style text and add links.<\/p>\n<\/som-cell>\n

 <\/p>\n

View the Content Box documentation<\/a>\n","protected":false},"excerpt":{"rendered":"

Example One Below is an example of a 3-column layout with 3\/2 aspect ratio images and image padding, using the light blue background.   Example Two Below is a 4-column layout without images or excerpt text, using the medium blue background. Because there is a mix of linking and non-linking boxes, the link icon appears … Read more<\/a><\/p>\n","protected":false},"author":3206,"featured_media":0,"parent":225,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"layout":"","cellInformation":"","apiCallInformation":"","footnotes":"","_links_to":"","_links_to_target":""},"class_list":["post-307","page","type-page","status-publish","hentry","odd"],"acf":[],"_links_to":[],"_links_to_target":[],"_links":{"self":[{"href":"https:\/\/www.med.unc.edu\/webguide\/cells\/wp-json\/wp\/v2\/pages\/307","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.med.unc.edu\/webguide\/cells\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.med.unc.edu\/webguide\/cells\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.med.unc.edu\/webguide\/cells\/wp-json\/wp\/v2\/users\/3206"}],"replies":[{"embeddable":true,"href":"https:\/\/www.med.unc.edu\/webguide\/cells\/wp-json\/wp\/v2\/comments?post=307"}],"version-history":[{"count":0,"href":"https:\/\/www.med.unc.edu\/webguide\/cells\/wp-json\/wp\/v2\/pages\/307\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/www.med.unc.edu\/webguide\/cells\/wp-json\/wp\/v2\/pages\/225"}],"wp:attachment":[{"href":"https:\/\/www.med.unc.edu\/webguide\/cells\/wp-json\/wp\/v2\/media?parent=307"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}