Drupal 7 Attention Block Guide

Drupal 7 Attention Block

Log in to your department’s website as an administrator by going to [websitename]/admin

Example: if the website is puboff.sfsu.edu, log in by going to puboff.sfsu.edu/admin

Once authenticated, you should be greeted by the following screen:

Drupal 7 Administration Screen

Navigate to your homepage by clicking on the home icon on the top left

Navigate to homepage via icon of house in upper left-hand corner

Access the editing options by clicking on the edit tab

Editing options


Change the text format to “Full HTML” if that hasn’t already been done.

Change text format to Full HTML

Text format showing switch to Full HTML

Enable source editing by clicking on the “Source” button of the blocked labeled “Body” as indicated below.

Enable source editing by clicking on the “Source” button


Paste the following at the top of the text in the “Body” block:

<div id="attention">


                                    COVID-19 Status</h2>

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


                                    Current On-campus Hours</h3>

                  <p>Monday &mdash; Friday, 8:30 a.m. &mdash; 4:30 p.m.<br />

                                    <span style="font-size: 16.8px;">Room 156, Administration Building</span><br />

                                    <span style="font-size: 16.8px;">Contact (415) 338-8165 or pubcom@sfsu.edu</span></p>


                                    Remote Services Hours</h3>

                  <p>Monday &mdash; Friday, 8:30 a.m. &mdash; 4:30 p.m.<br />

                                    <span style="font-size: 16.8px;">Contact: (415) 338-8165 or pubcom@sfsu.edu</span></p>

                  <p>For additional information, visit the University <a href="http://news.sfsu.edu/covid-19">COVID-19 website</a>.</p>


<p style="clear:both;">&nbsp;</p>

Edit Basic page showing Drupal code

Click on the “Source” button again and the new “Attention” block should be visible in the preview

Replace the placeholder text with the department’s correct information and delete any sections that are not applicable for your office.

(The text can be edited as if you were using Word.)

NOTE: Type all the info into this editing window. Do not copy and paste from a word document or email; that would result in broken formatting.

Replace placeholder text

Save changes by clicking on “Save” at the bottom of the page

Save changes by clicking on “Save” at the bottom of the page

Your page is now updated with the “Attention” block.

Final Attention Block Now Showing