רשימה עם אייקונים

בחלון שייפתח - יש להקליד/להדביק את הרשימה הרצויה.
לבחור את כולה, וללחוץ על כפתור Unsorted List שבתפריט הכפתורים בתוך עורך התוכן (מסומן בחץ אדום)

כך נראית הרשימה עם הבּוּלטים (bullets) בעורך התוכן כשחוזרים לאזור התצוגה הרגיל:

עיצוב הרשימה נעשה בלשונית הימנית בפאנל הניהול הימני (בעלת אייקון המכחול).

שלב ראשון - הסרת הבולט האוטומטי (העיגול):
1. לבחור באפשרות Unsorted List ברשימה הנשלפת External Panel.
2. ללחוץ על לשונית Appearance (בעלת אייקון ה- T ).
3. ברשימה הנשלפת Disc בחלק התחתון (מסומן בחץ אדום) - לבחור באפשרות None.

שלב שני - הזנת אייקון התמונה הרצוי
1. לבחור באפשרות List-Element ברשימה הנשלפת מ External Panel/
2. ללחוץ על לשונית Background (בעלת אייקון גלגלת הצבע).
3. לגרור את האייקון הרצוי מ Media Library לחלון ה Image בחלק התחתון (מסומן בחץ אדום).

שלב שלישי - מיקום האייקון
1. לבחור באפשרות List-Element ברשימה הנשלפת מ External Panel.
2. ללחוץ על לשונית Background (בעלת אייקון גלגלת הצבע).
3. להגדיר את השכפול X ו-Y ללא שכפול (מסומנים בחץ אדום) - ללחוץ עליהם כשמסומנים בכחול כך שיהפכו ללבנים.
4. למקם את האייקון בימין ובאמצע הגובה (מסומנים בריבוע אדום).

שלב רביעי - מיקום הטקסט ביחס לאייקון
1. לבחור באפשרות List-Element ברשימה הנשלפת מ External Panel.
2. ללחוץ על לשונית Layout (בעלת אייקון הריבוע עם החיצים).
3. להגדיר padding-right בערך גדול מספיק, שיאפשר ריווח בין האייקון לטקסט, לפי רוחב האייקון (מסומן בחץ אדום).

שלב חמישי - אופציונלי: יישור כל האייקונים עם הכותרת
1. לבחור באפשרות Unsorted List ברשימה הנשלפת External Panel.
2. ללחוץ על לשונית Layout (בעלת אייקון הריבוע עם החיצים).
3. להגדיר margin-right בערך 1-. הגדרה זו תגרום ליישור האייקונים לימין הכותרת.