{"id":2656,"date":"2024-07-29T16:43:27","date_gmt":"2024-07-29T20:43:27","guid":{"rendered":"https:\/\/sites.georgetown.edu\/1789-documentation\/?page_id=2656"},"modified":"2024-08-19T16:31:04","modified_gmt":"2024-08-19T20:31:04","slug":"how-to-cta-grid","status":"publish","type":"page","link":"https:\/\/sites.georgetown.edu\/1789-documentation\/block-catalog\/calls-to-action\/cta-grid\/how-to-cta-grid\/","title":{"rendered":"How To: CTA Grid"},"content":{"rendered":"\n

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

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

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

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

Editing a CTA Grid<\/h2>\n\n\n\n

First, add a Block Title if you would like one. This is optional and will appear above the CTA 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. First, add the title and description in the appropriate fields.<\/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\n

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

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

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