{"id":3590,"date":"2024-12-11T15:55:22","date_gmt":"2024-12-11T20:55:22","guid":{"rendered":"https:\/\/www.montclair.edu\/university-communications\/?page_id=3590"},"modified":"2024-12-11T15:55:22","modified_gmt":"2024-12-11T20:55:22","slug":"insets","status":"publish","type":"page","link":"https:\/\/www.montclair.edu\/university-communications\/web-development-and-experience\/montclair-edu-website-framework\/wordpress-shortcodes\/insets\/","title":{"rendered":"Insets"},"content":{"rendered":"

Insets<\/strong> create a colored background to visually tie images and copy together. They are added right after the caption<\/strong> code and will resize according to the column width. If the image nor the caption is contained within a column, both will extend the full width of the content area.<\/p>\n

Insets have one attribute, which sets the color to light gray or red. However, the default setting is light gray.<\/p>\n

Example<\/h2>\n
\n
\"Photo<\/figure>\n
\n

Morbi pharetra ex ac placerat efficitur.<\/strong><\/p>\n

Phasellus laoreet nisl metus, a porta diam suscipit non. Sed sem nisi, mattis eget ipsum in, luctus tristique turpis.<\/p>\n

Lorem ipsum dolor.<\/a><\/span><\/p>\n<\/div>\n<\/div>

\n
\"Photo<\/figure>\n
\n

Morbi pharetra ex ac placerat efficitur.<\/strong><\/p>\n

Phasellus laoreet nisl metus, a porta diam suscipit non. Sed sem nisi, mattis eget ipsum in, luctus tristique turpis.<\/p>\n

Lorem ipsum dolor.<\/a><\/span><\/p>\n<\/div>\n<\/div>

\n
\"Photo<\/figure>\n
\n

Morbi pharetra ex ac placerat efficitur.<\/strong><\/p>\n

Phasellus laoreet nisl metus, a porta diam suscipit non. Sed sem nisi, mattis eget ipsum in, luctus tristique turpis.<\/p>\n

Lorem ipsum dolor.<\/a><\/span><\/p>\n<\/div>\n<\/div><\/div>\n

Attributes<\/h2>\n\n\n\n\n\n
Name<\/th>\nPossible Values<\/th>\nRequired<\/th>\nNotes<\/th>\n<\/tr>\n<\/thead>\n
class<\/td>\nlt-gray<\/strong> or red<\/strong><\/td>\nNo<\/td>\nThe inset background color<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

Code Sample<\/h2>\n
[inset class="red"]\r\n\r\n<strong>Morbi pharetra ex ac placerat efficitur.<\/strong>\r\n\r\nPhasellus laoreet nisl metus, a porta diam suscipit non. Sed sem nisi, mattis eget ipsum in, luctus tristique turpis.\r\n\r\n[button class="white"]<a href="#">Lorem ipsum dolor.<\/a>[\/button]\r\n\r\n[\/inset]\r\n\r\n<\/pre>\n","protected":false},"excerpt":{"rendered":"
Insets create a colored background to visually tie images and copy together. They are added right after the caption code and will resize according to the column width. If the image nor the caption is contained within a column, both will extend the full width of the content area. Insets have one attribute, which sets […]<\/p>\n","protected":false},"author":411,"featured_media":3554,"parent":3552,"menu_order":22,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-3590","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/www.montclair.edu\/university-communications\/wp-json\/wp\/v2\/pages\/3590","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.montclair.edu\/university-communications\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.montclair.edu\/university-communications\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.montclair.edu\/university-communications\/wp-json\/wp\/v2\/users\/411"}],"replies":[{"embeddable":true,"href":"https:\/\/www.montclair.edu\/university-communications\/wp-json\/wp\/v2\/comments?post=3590"}],"version-history":[{"count":6,"href":"https:\/\/www.montclair.edu\/university-communications\/wp-json\/wp\/v2\/pages\/3590\/revisions"}],"predecessor-version":[{"id":3804,"href":"https:\/\/www.montclair.edu\/university-communications\/wp-json\/wp\/v2\/pages\/3590\/revisions\/3804"}],"up":[{"embeddable":true,"href":"https:\/\/www.montclair.edu\/university-communications\/wp-json\/wp\/v2\/pages\/3552"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.montclair.edu\/university-communications\/wp-json\/wp\/v2\/media\/3554"}],"wp:attachment":[{"href":"https:\/\/www.montclair.edu\/university-communications\/wp-json\/wp\/v2\/media?parent=3590"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}