The Visionary theme offers additional list styles other than the default “Unordered” and “Ordered” lists that I won’t show here as they do not require shortcodes.

Unordered List – Dark Grey

To get an unordered bullet list into your page, post, or widget that looks like this:

sc-listdark

Copy and paste this code into your HTML editor view and then you can switch back to visual view and add your own list items:

<ul class="darkgrey">
<li>List Item</li>
<li>List Item</li>
<li>List Item</li>
</ul>

Unordered List – Light Grey

To get an unordered bullet list into your page, post, or widget that looks like this, you can use the html code shown or just simply use the list function in the editor because this style is also the default style:

sc-listlight

Copy and paste this code into your HTML editor view and then you can switch back to visual view and add your own list items:

<ul class="lightgrey">
<li>List Item</li>
<li>List Item</li>
<li>List Item</li>
</ul>

Unordered List – Green

To get an unordered bullet list into your page, post, or widget that looks like this:

sc-listgreen

Copy and paste this code into your HTML editor view and then you can switch back to visual view and add your own list items:

<ul class="green">
<li>List Item</li>
<li>List Item</li>
<li>List Item</li>
</ul>

Unordered List – Plum

To get an unordered bullet list into your page, post, or widget that looks like this:

sc-listplum

Copy and paste this code into your HTML editor view and then you can switch back to visual view and add your own list items:

<ul class="plum">
<li>List Item</li>
<li>List Item</li>
<li>List Item</li>
</ul>

Unordered List – Arrow

To get an unordered bullet list into your page, post, or widget that looks like this:

sc-arrow

Copy and paste this code into your HTML editor view and then you can switch back to visual view and add your own list items:

<ul class="arrow">
<li>List Item</li>
<li>List Item</li>
<li>List Item</li>
</ul>
By |2010-11-01T03:44:50+00:00November 1st, 2010|Blog|