Ñý¼§Ö±²¥

Two Column Image Callout

This block adds side-by-side descriptive callouts (images with text that highlight a certain element or web page). You provide 2 callouts, each with a background image. You will also provide text for a heading, brief description and link. Please note that you will likely need to darken the image for there to be enough contrast between the image and the white text.

1. Create the block.
   1. Click  Add Content in the  Top Menu Bar.
   2. Select  Blocks >  Row Blocks >  Two Column Img Callout.
2. Two Column Image Callout
   1. Heading Level - Select a heading level for each image.
3. Image.
   1. Image - Navigate to and select the image you want to use. You can upload any size image and Cascade will automatically size the image for you.
   2. Darken Image? Click this checkmark if you need to darken the photo.
   3. Image Scale Focus - If your image needs to be cropped, in this field you can tell Cascade where to start the crop.
   4. Image Alt Text - Add descriptive text of the image for those using a screen reader - please note that this is a legal requirement.
   5. Heading - Enter a heading to be displayed over the image.
   6. Content - Add a short descriptive paragraph.
4. Link - Add a link to a page with more information on the highlighted item.
   1. Label - This will be the link text.
   2. Type - Choose Internal or External link.
      1. Internal - Navigate to the page to which you want to link.
      2. External - Enter the URL of the page to which you want to link.
5. Submit.
   1. When you have added all the content, click the blue Preview Draft button in the top right of the editing window. 
   2. Then click the blue Submit button in the top right of the editing window.
6. Attach the block to your page.
   1. Select or create the Row you want to attach the Block to.
   2. Set the Row Content Type to Row Block.
   3. Click the Choose Block button in the Block field and navigate to and select the Block you just created.
   4. Click the blue Choose button in the top right.