Skip to main content
Skip table of contents

Spacers and Padding Video

This video explains how to control and improve the visual layout of customisable Academic Reports in TASS.web by adjusting white space using spacers and padding within the stylesheet. It introduces spacer elements as a way to manage spacing between report components, such as subject outlines, results, comments and tables, and demonstrates how specific spacers like .spacer and .spaceattend affect spacing within and between subjects. The video then contrasts spacers with padding, showing how padding properties can be applied within individual elements to add space around content, such as increasing the gap below teacher comments. Practical examples are shown throughout, including editing the stylesheet, regenerating reports, and reviewing the visual impact of each change.

Want to skip ahead? Click here for timestamps.

00:02 – Overview of spacers and padding in academic reports
00:29 – What spacer elements are and where they apply
01:15 – Using .spacer and .spaceattend to control spacing
01:54 – Adjusting spacer height in the stylesheet
03:16 – Regenerating reports to view spacer changes
04:13 – Introducing padding and how it differs from spacers
05:01 – Identifying elements and applying padding properties
06:21 – Regenerating reports to view padding changes
07:07 – Summary of spacers versus padding

To start the video, click the image-20250617-051747.png ‘Play’ icon.

To enlarge the video, click the image-20250617-051554.png ‘Full Screen’ icon, or use Ctrl and + to zoom in, and Ctrl and - to zoom out.

To enable subtitles, click the image-20250617-055720.png ‘Closed Captions’ icon and select ‘English’.

To adjust the speed of the video, click the image-20250617-055949.png ‘Settings’ icon, then select your preferred ‘Speed’.

Related Resources

JavaScript errors detected

Please note, these errors can depend on your browser setup.

If this problem persists, please contact our support.