LIST BLOCK

List block are used to display an unordered or ordered list of items.



LIST ITEMS TYPE

Ordered or unordered list.

Unordered list

  • List Item

  • List Item

  • List Item

Ordered list

  1. List Item

  2. List Item

  3. List Item

LIST

List settings

ITEMS GAP

Vertical gap between items.

  • List Item

  • List Item

  • List Item

  • List Item

  • List Item

  • List Item

  • List Item

  • List Item

  • List Item

Items gap is responsive. It can be set for each breakpoint.

  • List Item

  • List Item

  • List Item

Bullet

Item bullet settings

BULLET COLOR
  • List Item

  • List Item

  • List Item

  • List Item

  • List Item

  • List Item

  • List Item

  • List Item

  • List Item

TEXT COLOR

Color of bullet number for ordered list

  1. List Item

  2. List Item

  3. List Item

  1. List Item

  2. List Item

  3. List Item

  1. List Item

  2. List Item

  3. List Item

BORDER RADIUS

Bullet border radius in pixel or percentage.

  • List Item

  • List Item

  • List Item

  • List Item

  • List Item

  • List Item

  • List Item

  • List Item

  • List Item

FONT SIZE

Font size of bullet number for ordered list.

  1. List Item

  2. List Item

  3. List Item

  1. List Item

  2. List Item

  3. List Item

  1. List Item

  2. List Item

  3. List Item

ALIGNMENT

Vertical bullet alignment.

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Size

Bullet size in pixel (between 2px to 96px)

  • List Item

  • List Item

  • List Item

  • List Item

  • List Item

  • List Item

  • List Item

  • List Item

  • List Item

GAP

Gap between bullet and item content.

  • List Item

  • List Item

  • List Item

  • List Item

  • List Item

  • List Item

  • List Item

  • List Item

  • List Item

Bullet gap is responsive. It can be set for each breakpoint.

  • List Item

  • List Item

  • List Item