{"id":2663,"date":"2024-07-29T17:01:00","date_gmt":"2024-07-29T21:01:00","guid":{"rendered":"https:\/\/sites.georgetown.edu\/1789-documentation\/?page_id=2663"},"modified":"2024-08-19T16:59:51","modified_gmt":"2024-08-19T20:59:51","slug":"how-to-image-overlay-grid","status":"publish","type":"page","link":"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/calls-to-action\/image-overlay-grid\/how-to-image-overlay-grid\/","title":{"rendered":"How To: Image Overlay Grid"},"content":{"rendered":"\n

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

To add the Image Overlay block, click the \u201c+\u201d symbol and search for \u201cImage Overlay Grid\u201d. Then select the Image Overlay 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 and link.<\/p>\n\n\n\n

Editing an Image Overlay Grid<\/h2>\n\n\n\n

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

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

Then, 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