Feature Box consists of an image with a text overlay contained in a semi-transparent box. Feature Box can be either Full Width (stretches to fill the width of the browser) or Fixed Width (constrains proportions to fit within the width of the main page content). 

To see more examples of the Feature Box paragraph in action, visit the Feature Box demo page.

  1. Select ‘Add Feature Box’ from the Paragraphs dropdown. 
    Screenshot of paragraphs menu with 'Add Feature Box' highlighted

  1. Select a color from the ‘Background’ dropdown. This will be the color of the overlaid box where your text will go. Background colors are Illini Blue, Illini Orange, Blue Gradient (light blue that fades to Illini Blue), Orange Gradient (Illini orange that fades to dark orange), Gray, and White. 

  1. Select an option from the ‘Alignment’ dropdown. The box overlay can be aligned to the right or left side of your Feature Box image. 

  1. Select an option from the ‘Layout’ dropdown.  

  1. Add a title (optional). 

  1. Add a subtitle (optional). 

  1. Upload an Image. Images must be larger than 1000x5000 pixels. And add alternative text describing what the image is for screen reader users. 

  1. Type or paste content into the Body field. 

  1. Add an optional button. You can add up to two buttons, both a URL and button text are required. 
    Screenshot of button settings with autocomplete field highlighted

This is an optional subtitle

This is an optional title

This is the body field. It is required for the Feature Box paragraph.

This is a button This is a button