CSS Styling Tips for Unordered Lists (<ul>) - Global HTML Widget Styles

Unordered lists are one of the most commonly used elements in HTML. They are used for navigation, listing links, bullet points, etc., and because of the numerous ways to use lists conflict often occurs. The steps below will help you to add global styles to unordered HTML lists (<ul>) for display in an IGLOO HTML widget and reduce the chances of conflict.

Requirements

Knowledge of HTML

How It Works

This technique uses specificity to isolate the targeted lists.

Instructions

1. Copy (ctrl-c) and paste (ctrl-v) the CSS code provided below into the bottom of your commmunity's Advanced Theme Editor (located in the Control Panel under THEME).
2. Insert an unordered list into an HTML widget.  
3. Click "Publish" to save your changes

Copy The Code Below

Some List Style Types

• circle

• decimal - This is the same as an ordered list (<ol>)

• disc

• lower-alpha

• none

• square