Shogun content sections

Lists

Custom element:
CSC - List

Options:

  • title: edited inline (optional)
  • full-width: yes/no (optional). Default is narrow width
  • background-color: hex or rgb value (optional)
  • set-as-h1: yes/no (optional)
  • title-size: s, m, l (optional). Default is s
  • title-color: hex or rgb value (optional)
  • no-of-columns: 1, 2, 3, 4 (optional). Default is 1
  • list: edited inline with Rich text editor. use <ul> for bullets, and <ol> for numbered
  • list-style-color: hex or rgb value (optional). This styles the color of the bullets or numbers
  • list-text-color: hex or rgb value (optional). Can also be added inline with the Rich text editor

Narrow width - Numbered - 1 col

1 Column numbered list heading

  1. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  2. Quisque quis sapien id est nec et lectus.
  3. Praesent pulvinar malesuada faucibus.
  4. Morbi purus enim, efficitur vel massa fringilla, imperdiet rhoncus felis.
  5. Duis mattis nunc a malesuada fringilla.
  6. In faucibus vitae augue acu dapibus.

Narrow width - Numbered - 2 col

2 Column numbered list heading

  1. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  2. Quisque quis sapien id est nec et lectus.
  3. Praesent pulvinar malesuada faucibus.
  4. Morbi purus enim, efficitur vel massa fringilla, imperdiet rhoncus felis.
  5. Duis mattis nunc a malesuada fringilla.
  6. In faucibus vitae augue acu dapibus.

Narrow width - Numbered - 3 col

3 Column numbered list heading

  1. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  2. Quisque quis sapien id est nec et lectus.
  3. Praesent pulvinar malesuada faucibus.
  4. Morbi purus enim, efficitur vel massa fringilla, imperdiet rhoncus felis.
  5. Duis mattis nunc a malesuada fringilla.
  6. In faucibus vitae augue acu dapibus.

Narrow width - Numbered - 4 col

4 Column numbered list heading

  1. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  2. Quisque quis sapien id est nec et lectus.
  3. Praesent pulvinar malesuada faucibus.
  4. Morbi purus enim, efficitur vel massa fringilla, imperdiet rhoncus felis.
  5. Duis mattis nunc a malesuada fringilla.
  6. In faucibus vitae augue acu dapibus.
  7. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  8. Quisque quis sapien id est nec et lectus.

Narrow width - Bullets - 1 col

1 Column bullet list heading

  1. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  2. Quisque quis sapien id est nec et lectus.
  3. Praesent pulvinar malesuada faucibus.
  4. Morbi purus enim, efficitur vel massa fringilla, imperdiet rhoncus felis.
  5. Duis mattis nunc a malesuada fringilla.
  6. In faucibus vitae augue acu dapibus.

Narrow width - Bullets - 2 col

2 Column bullet list heading

  1. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  2. Quisque quis sapien id est nec et lectus.
  3. Praesent pulvinar malesuada faucibus.
  4. Morbi purus enim, efficitur vel massa fringilla, imperdiet rhoncus felis.
  5. Duis mattis nunc a malesuada fringilla.
  6. In faucibus vitae augue acu dapibus.

Narrow width - Bullets - 3 col

3 Column bullet list heading

  1. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  2. Quisque quis sapien id est nec et lectus.
  3. Praesent pulvinar malesuada faucibus.
  4. Morbi purus enim, efficitur vel massa fringilla, imperdiet rhoncus felis.
  5. Duis mattis nunc a malesuada fringilla.
  6. In faucibus vitae augue acu dapibus.

Narrow width - Bullets - 4 col

4 Column bullet list heading

  1. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  2. Quisque quis sapien id est nec et lectus.
  3. Praesent pulvinar malesuada faucibus.
  4. Morbi purus enim, efficitur vel massa fringilla, imperdiet rhoncus felis.
  5. Duis mattis nunc a malesuada fringilla.
  6. In faucibus vitae augue acu dapibus.
  7. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  8. Quisque quis sapien id est nec et lectus.

Full width - Numbered - 1 col

1 Column numbered list heading

  1. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec euismod elementum massa, vel congue ipsum lobortis quis. Donec efficitur mi eu ligula rutrum, sed suscipit urna sollicitudin. Praesent ac cursus enim, at condimentum sem.
  2. Quisque tincidunt ex eu malesuada aliquam. Morbi ornare, quam et vestibulum iaculis, risus ex varius dui, quis semper risus nisl eget sem.
  3. Morbi a imperdiet nisi. Vivamus id consectetur nulla, vitae volutpat nulla. Quisque quis sapien id est nec et lectus. Praesent pulvinar malesuada faucibus.
  4. Morbi purus enim, efficitur vel massa fringilla, imperdiet rhoncus felis. Duis mattis nunc a malesuada fringilla. In faucibus vitae augue ac dapibus.
  5. Donec euismod elementum massa, vel congue ipsum lobortis quis. Donec efficitur mi eu ligula rutrum, sed suscipit urna sollicitudin. Praesent ac cursus enim, at condimentum sem.
  6. Quisque tincidunt ex eu malesuada aliquam. Morbi ornare, quam et vestibulum iaculis, risus ex varius dui, quis semper risus nisl eget sem. Morbi a imperdiet nisi. Vivamus id consectetur nulla, vitae volutpat nulla.

Full width - Numbered - 2 col

2 Column numbered list heading

  1. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec euismod elementum massa, vel congue ipsum lobortis quis. Donec efficitur mi eu ligula rutrum, sed suscipit urna sollicitudin. Praesent ac cursus enim, at condimentum sem.
  2. Quisque tincidunt ex eu malesuada aliquam. Morbi ornare, quam et vestibulum iaculis, risus ex varius dui, quis semper risus nisl eget sem.
  3. Morbi a imperdiet nisi. Vivamus id consectetur nulla, vitae volutpat nulla. Quisque quis sapien id est nec et lectus. Praesent pulvinar malesuada faucibus.
  4. Morbi purus enim, efficitur vel massa fringilla, imperdiet rhoncus felis. Duis mattis nunc a malesuada fringilla. In faucibus vitae augue ac dapibus.
  5. Donec euismod elementum massa, vel congue ipsum lobortis quis. Donec efficitur mi eu ligula rutrum, sed suscipit urna sollicitudin. Praesent ac cursus enim, at condimentum sem.
  6. Quisque tincidunt ex eu malesuada aliquam. Morbi ornare, quam et vestibulum iaculis, risus ex varius dui, quis semper risus nisl eget sem. Morbi a imperdiet nisi. Vivamus id consectetur nulla, vitae volutpat nulla.

Full width - Numbered - 3 col

3 Column numbered list heading

  1. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec euismod elementum massa, vel congue ipsum lobortis quis. Donec efficitur mi eu ligula rutrum, sed suscipit urna sollicitudin. Praesent ac cursus enim, at condimentum sem.
  2. Quisque tincidunt ex eu malesuada aliquam. Morbi ornare, quam et vestibulum iaculis, risus ex varius dui, quis semper risus nisl eget sem.
  3. Morbi a imperdiet nisi. Vivamus id consectetur nulla, vitae volutpat nulla. Quisque quis sapien id est nec et lectus. Praesent pulvinar malesuada faucibus.
  4. Morbi purus enim, efficitur vel massa fringilla, imperdiet rhoncus felis. Duis mattis nunc a malesuada fringilla. In faucibus vitae augue ac dapibus.
  5. Donec euismod elementum massa, vel congue ipsum lobortis quis. Donec efficitur mi eu ligula rutrum, sed suscipit urna sollicitudin. Praesent ac cursus enim, at condimentum sem.
  6. Quisque tincidunt ex eu malesuada aliquam. Morbi ornare, quam et vestibulum iaculis, risus ex varius dui, quis semper risus nisl eget sem. Morbi a imperdiet nisi. Vivamus id consectetur nulla, vitae volutpat nulla.

Full width - Numbered - 4 col

4 Column numbered list heading

  1. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  2. Quisque quis sapien id est nec et lectus.
  3. Praesent pulvinar malesuada faucibus.
  4. Morbi purus enim, efficitur vel massa fringilla, imperdiet rhoncus felis.
  5. Duis mattis nunc a malesuada fringilla.
  6. In faucibus vitae augue acu dapibus.
  7. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  8. Quisque quis sapien id est nec et lectus.

Full width - Bullets - 1 col

1 Column bullet list heading

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec euismod elementum massa, vel congue ipsum lobortis quis. Donec efficitur mi eu ligula rutrum, sed suscipit urna sollicitudin. Praesent ac cursus enim, at condimentum sem.
  • Quisque tincidunt ex eu malesuada aliquam. Morbi ornare, quam et vestibulum iaculis, risus ex varius dui, quis semper risus nisl eget sem.
  • Morbi a imperdiet nisi. Vivamus id consectetur nulla, vitae volutpat nulla. Quisque quis sapien id est nec et lectus. Praesent pulvinar malesuada faucibus.
  • Morbi purus enim, efficitur vel massa fringilla, imperdiet rhoncus felis. Duis mattis nunc a malesuada fringilla. In faucibus vitae augue ac dapibus.
  • Donec euismod elementum massa, vel congue ipsum lobortis quis. Donec efficitur mi eu ligula rutrum, sed suscipit urna sollicitudin. Praesent ac cursus enim, at condimentum sem.
  • Quisque tincidunt ex eu malesuada aliquam. Morbi ornare, quam et vestibulum iaculis, risus ex varius dui, quis semper risus nisl eget sem. Morbi a imperdiet nisi. Vivamus id consectetur nulla, vitae volutpat nulla.

Full width - Bullets - 2 col

2 Column bullet list heading

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec euismod elementum massa, vel congue ipsum lobortis quis. Donec efficitur mi eu ligula rutrum, sed suscipit urna sollicitudin. Praesent ac cursus enim, at condimentum sem.
  • Quisque tincidunt ex eu malesuada aliquam. Morbi ornare, quam et vestibulum iaculis, risus ex varius dui, quis semper risus nisl eget sem.
  • Morbi a imperdiet nisi. Vivamus id consectetur nulla, vitae volutpat nulla. Quisque quis sapien id est nec et lectus. Praesent pulvinar malesuada faucibus.
  • Morbi purus enim, efficitur vel massa fringilla, imperdiet rhoncus felis. Duis mattis nunc a malesuada fringilla. In faucibus vitae augue ac dapibus.
  • Donec euismod elementum massa, vel congue ipsum lobortis quis. Donec efficitur mi eu ligula rutrum, sed suscipit urna sollicitudin. Praesent ac cursus enim, at condimentum sem.
  • Quisque tincidunt ex eu malesuada aliquam. Morbi ornare, quam et vestibulum iaculis, risus ex varius dui, quis semper risus nisl eget sem. Morbi a imperdiet nisi. Vivamus id consectetur nulla, vitae volutpat nulla.

Full width - Bullets - 3 col

3 Column bullet list heading

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec euismod elementum massa, vel congue ipsum lobortis quis. Donec efficitur mi eu ligula rutrum, sed suscipit urna sollicitudin. Praesent ac cursus enim, at condimentum sem.
  • Quisque tincidunt ex eu malesuada aliquam. Morbi ornare, quam et vestibulum iaculis, risus ex varius dui, quis semper risus nisl eget sem.
  • Morbi a imperdiet nisi. Vivamus id consectetur nulla, vitae volutpat nulla. Quisque quis sapien id est nec et lectus. Praesent pulvinar malesuada faucibus.
  • Morbi purus enim, efficitur vel massa fringilla, imperdiet rhoncus felis. Duis mattis nunc a malesuada fringilla. In faucibus vitae augue ac dapibus.
  • Donec euismod elementum massa, vel congue ipsum lobortis quis. Donec efficitur mi eu ligula rutrum, sed suscipit urna sollicitudin. Praesent ac cursus enim, at condimentum sem.
  • Quisque tincidunt ex eu malesuada aliquam. Morbi ornare, quam et vestibulum iaculis, risus ex varius dui, quis semper risus nisl eget sem. Morbi a imperdiet nisi. Vivamus id consectetur nulla, vitae volutpat nulla.

Full width - Bullets - 4 col

4 Column bullet list heading

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • Quisque quis sapien id est nec et lectus.
  • Praesent pulvinar malesuada faucibus.
  • Morbi purus enim, efficitur vel massa fringilla, imperdiet rhoncus felis.
  • Duis mattis nunc a malesuada fringilla.
  • In faucibus vitae augue acu dapibus.
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • Quisque quis sapien id est nec et lectus.