Lead Gen Promo Paragraph

Lead Gen Promo - Paragraph Component

Highlight key links, important text and images with a sleek blue background that makes your content pop. The eyebrow text can help draw attention to your topic and/or guide your audience.

When to use it
  • Navigation to additional topics of interest or next steps.
  • Promote program or another page.
  • Categorize content.
  • Visually add style with text content, media and links.
Where to use it
  • Use only outside of a group.
  • In the middle of the page is ideal.
  • Do not use at the top or bottom of the page.
Features
  • Use with or without images.
    • Vertical images work best, especially with long text, as horizontal images may get cut off.
  • Use a title to introduce or offset the section.
  • Add eyebrow text and an icon to help categorize topics, emphasis importance or highlight content.
  • Content can be left-, center- or right-aligned
    • Note: Images cannot be centered and if set to centered and an image is included, the image will be left aligned.
  • Displays with a full width blue background.
  • Include primary and/or secondary links. Only one secondary link.

How to Add - Lead Gen Promo Paragraph Component

  1. Log into Drupal.
  2. Go to page you wish to edit.
  3. Click on + sign to enter a new paragraph outside of a group (middle of the pafe is preferred).
    1. Choose Lead Gen paragraph.
  4. Complete the form details.
    1. Title: Required
    2. Description: Required
    3. Eyebrow text: Required
      1. Eyebrow text adds quick context or category labels.
    4. Icon: Required
      1. Click Add Media.
      2. Select Icons from the dropdown under the Category field.
      3. Click Apply Filters.
      4. Choose a preloaded icon that best matches your theme and content.
      5. Click Insert Selected.
  5. Click the carrot icon to expand Display Settings section.
    1. Choose Margin Setting: Default or None
      1. Margin is the amount of space above the element.
        1. Default = maximum space
        2. None = No space above.
    2. Add your Image
    3. Choose Image Alignment: Right, Left or Center
      1. Center alignment: The image will appear to the left of the text.
  6. Click the carrot icon to expand Links section.
    1. Links: Optional
      1. Add primary and/or secondary links. Only one secondary link can be added.
  7. Click Save before exiting the paragraph.
  8. Save page as "In progress" or "Ready to Review".
Real-Life Examples
Aerial view of campus buildings.
Sun icon
eyebrow text
Example: Image, Links, Left-Aligned
This is just an example of what the paragraph component would look like. This text is simply here to fill space so you can see how the layout of your paragraph component will appear once the content is added. When you create your own, you can add any text you’d like here to fit your needs.
Primary Link 1 Primary Link 2
Secondary Link
camera icon
eyebrow text
Example: No Image, No Links, Center-Aligned
This is just an example of what the paragraph component would look like. This text is simply here to fill space so you can see how the layout of your paragraph component will appear once the content is added. When you create your own, you can add any text you’d like here to fit your needs.

Additional Web Editing Resources

Web Editing Resources Web Support Open Sessions
Contact us
Photo of University Marketing and Communications
University Marketing and Communications
Physical Address
1007 Campanile Ave.
Brookings, SD 57007
Mailing Address
Communications Center 105, Box 2230
Brookings, SD 57007
Hours
Mon - Fri: 8:00 a.m.-5:00 p.m.
Follow Us