How to Create a List of Bullet Points or Numbers Using OzSpeed hPanel

Adding bullet points or numbered lists is a great way to organize information and make your content more readable. Whether you’re listing features, benefits, or steps, a well-formatted list helps users quickly understand your message. With OzSpeed’s Website Builder, creating bullet points or numbered lists is simple. Here’s a step-by-step guide on how to add and customize lists on your website.

---

Step 1: Access the Website Editor #

To begin creating a list, open the page editor in hPanel.

1. Log in to hPanel at ozspeed.com.au.
2. Go to Website Builder > Edit Site.
3. Click on the Text Block where you want to add the list or create a new text block.

Tip: #

• Use lists to break up long paragraphs and make key information stand out.

---

Step 2: Highlight the Text #

You can easily convert selected text into a list format.

How to Highlight Text: #

1. Click inside the Text Block to enter edit mode.
2. Type or paste the text you want to include in the list.
3. Highlight the text that will become the list items.

Tip: #

• Keep each list item short and clear for better readability.

---

Step 3: Create a Bullet Point List #

You can turn the highlighted text into a bullet point list using the formatting toolbar.

How to Add Bullet Points: #

1. Click the Bullet List Icon (●) in the formatting toolbar.
2. The highlighted text will automatically be formatted into bullet points.
3. Press Enter after each item to add a new bullet point.

Tip: #

• Use bullet points for unordered lists, such as feature lists or general information.

---

Step 4: Create a Numbered List #

If your list needs a specific order (e.g., step-by-step instructions), use a numbered list instead.

How to Add a Numbered List: #

1. Click the Numbered List Icon (1, 2, 3) in the formatting toolbar.
2. The highlighted text will automatically be formatted into a numbered list.
3. Press Enter after each item to add a new number.

Tip: #

• Numbered lists are best for instructions, processes, or items that need a specific sequence.

---

Step 5: Customize the List Style #

You can adjust the appearance of your list to match your website’s design.

How to Customize List Style: #

1. Click on the list to open the Design Settings panel.
2. Go to the Typography tab to change the Font Family, Font Size, and Color.
3. Adjust the Line Height and Indentation for better spacing.
4. Click Apply.

Tip: #

• Use a consistent font style and color for all lists on your website for a cohesive look.

---

Step 6: Add Icons to Bullet Points (Optional) #

For a more customized look, replace standard bullet points with icons.

How to Use Custom Icons: #

1. Click on the bullet list to open the Design Settings panel.
2. Select Bullet Style and choose an icon from the list (e.g., checkmark, arrow).
3. Adjust the Size and Color of the icon to fit your design.
4. Click Apply.

Tip: #

• Use icons that match the theme of your website to enhance the visual appeal.

---

Step 7: Preview the List #

Before publishing, preview your website to ensure the list is formatted correctly and looks good on all devices.

How to Preview: #

1. Click Preview in the top toolbar.
2. Check the list on both desktop and mobile views.
3. Ensure the text is aligned properly and the list items are easy to read.

Tip: #

• Use an incognito window or clear your browser cache to see the changes as a new visitor would.

---

Step 8: Publish Your Changes #

Once you’re satisfied with the list, publish your updates to make them live.

How to Publish: #

1. Click Publish in the top right corner of the editor.
2. Confirm the changes to go live.

Tip: #

• Announce new content or updates featuring lists in your email newsletter or on social media to drive engagement.

---

Troubleshooting Tips #

1. List Not Displaying Properly:
   • Ensure you’ve highlighted the text correctly before applying the list format.
   • Clear your website cache in hPanel and your browser cache.
2. Inconsistent Indentation:
   • Adjust the Indentation settings in the Design Settings panel to ensure the list aligns properly.
   • Use the Tab key to increase indentation or Shift + Tab to decrease it.
3. Custom Icons Not Appearing:
   • Ensure the icon is selected in the Bullet Style settings.
   • Check the icon’s color and size settings to make sure they are visible.

---

Additional Tips: #

• Keep Lists Short: Aim for 5-7 items per list to avoid overwhelming the reader.
• Use Parallel Structure: Start each list item with the same type of word (e.g., verbs) for consistency.
• Test Across Devices: Make sure your lists are readable on both desktop and mobile devices.