{"id":1366,"date":"2023-11-07T15:43:25","date_gmt":"2023-11-07T20:43:25","guid":{"rendered":"https:\/\/carleton.ca\/cutheme-docs\/?page_id=1366"},"modified":"2024-10-24T09:24:58","modified_gmt":"2024-10-24T13:24:58","slug":"wide-image","status":"publish","type":"page","link":"https:\/\/carleton.ca\/cutheme-docs\/getting-started\/module-3-basic-building-blocks\/basic-image-blocks\/wide-image\/","title":{"rendered":"Wide Image"},"content":{"rendered":"\n
\n
\n\n
\n
\n
\n

\n Wide Image\n <\/h1>\n \n \n \n\n

Module 3.3.3 \u2013 Getting Started: Basic Building Blocks: Basic Image Blocks: Wide Image<\/p>\n\n\n\n

\n
Examples: Wide Image Block<\/a><\/div>\n<\/div>\n\n\n <\/header>\n\n <\/div>\n\n <\/div>\n\n <\/div>\n<\/section>\n\n\n\n\n
\n

\n Table of Contents\n <\/h2>\n
\n
\n \n
\n
\n \n 1.\n <\/span>\n\n \n Step-by-Step\n <\/a>\n <\/div>\n\n <\/div>\n \n
\n
\n \n 2.\n <\/span>\n\n \n Video Tutorial\n <\/a>\n <\/div>\n\n <\/div>\n \n
\n
\n \n 3.\n <\/span>\n\n \n Try it Out\n <\/a>\n <\/div>\n\n <\/div>\n <\/div>\n\n <\/div>\n<\/div>\n\n\n\n

The Wide Image block allows you to include a larger image or banner on your web pages.<\/p>\n\n\n\n

Step-by-Step<\/h2>\n\n\n\n

1.<\/strong> Add the Wide Image block using the block menu<\/a>.<\/p>\n\n\n\n

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

2.<\/strong> Click the block to add a title.<\/p>\n\n\n\n

\"Add<\/figure>\n\n\n\n

3. Add content below the title by clicking the + sign. You can add:<\/p>\n\n\n\n