Drupal 8 Attention Block Guide

Drupal 8 Attention Block with exclamation point within a circle

1. Confirm you have downloaded the Icon image included with this guide

Drupal 8 Attention Block icon

2. Upload the image to your Media Library

3. Navigate to your homepage

4. Access the editing screen

5. Add a new component: “Compound – Card”

6. Place the component at the top, above all the main content, but below the hero image

7. Change “Card Style” to “Horizontal Card”

8. Under the “image” tab, select the icon that was uploaded on Step #2

9.Under the “Card Content” tab, leave “Card Title” blank and paste the following into “Card Content” field:

COVID-19 Status

[If applicable] Insert short 1-3 sentence intro about current status of your office.

Current On-campus Hours

Monday – Friday, 8:30 a.m. – 4:30 p.m.
Room 156, Administration Building
Contact (415) 338-8165 or pubcom@sfsu.edu

Remote Services Hours

Monday – Friday, 8:30 a.m. – 4:30 p.m.
Contact: (415) 338-8165 or pubcom@sfsu.edu

For more information, visit the University COVID-19 website.

10. If formatting breaks due to word processing, apply the following headings:

  • COVID-19 Status: Heading 2
  • Current On-Campus Hours: Heading 3
  • Heading 3: Remote Services Hours: Heading 3
  • All other text should be normal paragraph style

11. Replace the current text with the department’s correct status/contact information

12. Hit Save