Row w/ Background Snippet

This snippet creates a row with either a solid color background or an image background that can be used with Touts or a full-width statistic or quote. Content over the image is optional. The text has a predetermined color that meets contrast requirements for accessibility.

row-background-example
Row with background snippet.

View the row with background options in the Style Guide.

  1. Insert the image in the Image field, if desired. Using the Image Editor, crop a Banner image type and insert the largest size created. The image should be at least 1200 wide in the Main Content region or 1600 wide in the Additional Content region to avoid pixilation.
  2. If not using an image, select the desired color in the Background Color field. Because our recruitment materials use only our primary brand colors, we recommend only MTU Gold, Black, Dark Gray, Light Gray, and White options be used on websites involved with recruitment. For other websites, secondary colors can be used as an accent.
    1. When using the snippet in an asset you must type in the code instead (without quotation marks):
      1. For MTU Gold enter “yellow”.
      2. For Black enter “black”.
      3. For Dark Gray enter “dark-gray”.
      4. For Light Gray enter “smoke-gray”.
      5. For Deep Gold enter “deep-gold”.
      6. For Teal enter “teal”.
      7. For Copper enter “copper”.
      8. For White enter “white”.
  3. Enter content or the Touts snippet in the Content field. Depending on the text used, you can make the font larger using the Large, Larger, or Largest option in the Styles dropdown menu in the toolbar. To center the content, select it and choose Align Center from the Styles dropdown. When the Blockquote snippet is the only thing in the Content field, it will have different styling than usual.