Tired of those boring circle or square bullets? Numbers and letters not quite cutting it for your website lists. Add your own personal touch to the lists by putting in any icon of your choice. Some guidelines must be followed in order for this look properly but they are simple and easy to follow using the SnapCMS™ This article assumes you already have uploaded your image. Which should be of jpg/gif/png format. Create custom icon for all items in list Create a bulleted list List Item 1 List Item 2 List Item 3   Place your cursor anywhere in the list   Click “Styles & Formatting” Icon   Select “List Formatting” option   Click the floder icon beside the “Using Image - url”   Select you image to use   Choose “ok” List Item 1 List Item 2 List Item 3 Create custom icon for one item in list Create a bulleted list List Item 1 List Item 2 List Item 3   Place your cursor anywhere in the list   Click “Styles & Formatting” Icon   Select “List Formatting” option   Click the floder icon beside the “Using Image - url”   Select you image to use   Choose “ok” List Item 1 List Item 2 List Item 3   Click "<ul>" closest to right in tag selection area   Click the “Styles & Formatting” icon   Select “Custom CSS”   Cut the text in the “CSS Text” area Note:If there is no text there then click the "<ul>" until something shows up   Press the space bar to insert a space into the text area and then press apply   Put your cursor into the list item you wish to change   Click on the "<li>" so that it is highlighted in the tag selection area   Paste the code into the css text area and press “apply” and “ok” List Item 1 List Item 2 List Item 3 Extra Note: If you want to add more icons to the same list just place your cursor at the end of the one with custom icon and press the “Enter” key. Please feel free to leave any comments you may or let us know what things you would like to see posted within this section. Check back often for more tips and tricks.

Enter Your Comment or Question:

Please specify if this is a general comment or a question - Comment - Question

Name:

E-mail: (will not be published)

Comment / Question: (500 Char. Max)

Verification Code This step helps prevent use of automated programs that send bulk spam through this form. To counteract this practice, we ask that you type in the word below in the space provided Enter the Word exactly as it is shown in the box above: If you can't read the word, click here to load a new word