...
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.
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; }