באחד הפרויקטים שבניתי הלקוח ביקש שיהיה רקע לפריטים בווידג'ט רשימת אייקונים, בווידג'ט עצמו אין אפשרות לעשות את זה לכן נתערב כאן עם CSS פשוט כדי לקבוע את צבע הרקע שנרצה.
את צבע הרקע אנחנו מגדירים בשורת ה- background-color, אפשר (ומומלץ) להגדיר צבע גלובלי ואז לשים את ה- CSS שלו או שנוכל להגדיר צבע בצורה ידנית.
בקוד כאן הוספתי גם Padding כדי לסדר את המרווחים בצורה שווה ויפה לעין.
selector .elementor-icon-list-item {
background-color: rgba(0, 0, 0, 0.8) !important;
padding: 8px !important;
}
לפני
- פריט ברשימה #1
- פריט ברשימה #2
- פריט ברשימה #3
אחרי
- פריט ברשימה #1
- פריט ברשימה #2
- פריט ברשימה #3