{"id":2636,"date":"2024-07-29T15:41:06","date_gmt":"2024-07-29T19:41:06","guid":{"rendered":"https:\/\/sites.georgetown.edu\/1789-documentation\/?page_id=2636"},"modified":"2024-08-08T18:26:09","modified_gmt":"2024-08-08T22:26:09","slug":"how-to-info-grid","status":"publish","type":"page","link":"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/informational\/info-grid\/how-to-info-grid\/","title":{"rendered":"How To: Info Grid"},"content":{"rendered":"\n

Adding the Block<\/h2>\n\n\n\n

To add the Info Grid block, click the \u201c+\u201d symbol and search for \u201cInfo Grid\u201d. Then select the Info Grid block icon.<\/p>\n\n\n

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

The Info Grid editor will open with a default of three Info Grid items with fields for an image, title, content, and link.<\/p>\n\n\n\n

Editing an Info Grid<\/h2>\n\n\n\n

First, add a Block Title if you would like one. This is optional and will appear above the Info Grid as a level 2 heading.<\/p>\n\n\n

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

To add content to a grid item<\/strong>, click on one of the grid items. Add an optional image by using the upload or media library buttons.<\/p>\n\n\n

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

Next, add the title and content in the appropriate fields. You can add a list or paragraph block to an Info Grid.<\/p>\n\n\n

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

Lastly, add a link by typing your link text in the Link text field and using the toolbar to add the URL.<\/p>\n\n\n

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

Additional Block Settings<\/h2>\n\n\n\n

You can change the background color of the Info Grid in the block tab of the inspector panel.<\/p>\n\n\n

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