UW Theme Classic - Tightly spaced lists

Users may wish to display a list that has less white space between rows of text. This option allows for a tightened view for both bulleted and numbered lists.

 

⚠️ Notice

This document outlines steps related to UW Theme Classic. This theme will be decommissioned in WiscWeb at the end of December 2026. At that time, this documentation will go away. If you are looking for how to do this process in the new theme, please visit the UW Theme 2.0 website.

Steps

  1. Click on the list icon in the WYSIWYG editor of a Text Block

    The tightly spaced list button appears after the linked button button in the WYSIWYG editor.

  2. Choose if you want a bulleted or numbered list

    A modal window displaying a dropdown option for choosing list style.

  3. Enter your first list item
  4. Click the Insert button
  5. Press your keyboard’s
  6. Enter/Return button to continue adding items to the list

Editor view

A text editor depicting a tightened list view.

Before/after example

Two columns of data. The left column shows a list view with a taller amount of spacing between rows. The second shows a more tightened list view with shorter spacing between rows.

Troubleshooting

  • This feature automatically applies the class uw-list-tight to the unordered list (ul) or ordered list (ol) that you are creating. If your list does not look as expected, ensure that the class is properly added to the outermost ul or ol on your list by viewing the “Text” tab of the editor.

    A text editor depicting the source code that relates to the tightened list view.

  • Please note that bulleted lists are not intended for headings (h1, h2, h3). This will only work for paragraph text (<p>)

Keywords:
wiscweb, bulleted list, numbered list, unordered list, ordered list, line height, spacing, space, tight 
Doc ID:
128915
Owned by:
Jenna K. in UW Theme Classic
Created:
2023-06-08
Updated:
2025-11-07
Sites:
DoIT Help Desk, UW Theme Classic