Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

  • Enter the contact’s phone number in the Phone field

  • If applicable, also add a Fax number for the contact

  • Add the contact’s or office’s Fall and Spring Hours and Summer Hours in their respective body fields

  • If you need to provide additional content, add this to the Other field

  • To add another individuals contact info to the section, click the Add Contact button near the bottom and repeat the above steps

  • Click Save

Locate and Edit Contact Info for a section

  • Navigate to the content overview page by clicking on Content in the Admin Toolbar
    Alternatively, you can manually navigate here using the path /admin/conent

  • Select Contact Info in the Content type filter

  • Select the Section you a looking for

  • Click the Filter button

  • Click the Edit button in the Operations column

  • Make edits

  • Click Save

Rearrange the order of the Contact Info paragraphs

  • Click the Collapse all button

  • Click and drag the cross icons vertically to achieve your desired order

  • Click the Save button

...

Add styling to the Contact Info blocks

  • Using the browser, right select the Contact Info block in question and click Inspect.

Info

To update the CSS yourself, use the local development set-up included in your College Theme repo to pull and update the following SCSS file: web/themes/custom/your_theme/scss/components/_style.scss.

  • Look for the ci-delta-# parent class under the Elements tab (using the inspector tool) and look for the desired Contact Info block.

    Image Added
  • Use that CSS class to target and style the desired area on the form. For example, the below code is applying a margin bottom of 1rem below the fax number field.

    Code Block
    .ci-delta-1 .fax { margin-bottom: 1rem; }