ווידג'ט רשימת אייקונים יכול להיות שימושי בהרבה מקומות באתר, כשיש לנו ווידג'ט כזה ששמנו באתר ויש לו למשל כ- 8 פריטים, אנו נרצה להבליט אותו במיוחד כשיש עוד תוכן מסביבו ולכן נרצה למשל לצבוע את הפריט השני (הזוגי),
הכוונה לפריט השני, רביעי, שישי וכן הלאה.
בעזרת הקוד הבא נוכל לבצע זאת, שימו לב לשנות את הצבע RED לצבע המתאים לאתר שלכם, ניתן להשתמש גם ב- CSS הגלובאלי של צבע גלובאלי שהגדרתם באלמנטור כמו שניתן לראות בקוד השני שבו מוגדר ה- VAR הגלובאלי של הצבע הראשי בהגדרות הצבעים הגלובאלים שהגדרתי באלמנטור.
בדוגמאות למטה ניתן לראות את ההבדלים בין הגדרת צבע ידנית לבין הגדרת צבע עם ה- VAR הגלובאלי של צבע ראשי שהגדרתי באלמנטור.
selector .elementor-icon-list-item:nth-child(2n) .elementor-icon-list-text {
color: red;
}
selector .elementor-icon-list-item:nth-child(2n) .elementor-icon-list-text {
color: var(--e-global-color-primary);
}
- פריט ברשימה #1
- פריט ברשימה #2
- פריט ברשימה #2
- פריט ברשימה #2
- פריט ברשימה #2
- פריט ברשימה #2
- פריט ברשימה #3
- פריט ברשימה #1
- פריט ברשימה #2
- פריט ברשימה #2
- פריט ברשימה #2
- פריט ברשימה #2
- פריט ברשימה #2
- פריט ברשימה #3