מסלול אלופות בCSS עכשיו ב 650 ₪ בלבד! בונות אתרים חוסכות בגדול

הוספת אייקון לפני הכותרת של אקורדיון אלמנטור

CSS

יש כמה דרכים להכניס תוכן לוידג’טים על ידי שימוש בCSS. אתן לך את הדרך הכי קלה.

שימי לב שהאייקון שאת מוסיפה חייב להיות חתוך בגודל המדויק לעיצוב!
(בשיטות אחרות ניתן לשלוט בגודל של האייקון וברספונסיביות שלו. השיטה הבאה היא השיטה הבסיסית ביותר)

הוספת אייקון או תמונה לפני הכותרת בוידג’ט אקורדיון של ג’ט

בCSS מותאם אישית של הוידג’ט, הוסיפי את הקוד הבא

selector .jet-toggle__label-text:before{
    content: url("https://chagit.alufot.co.il/wp-content/uploads/img3.svg") !important;
    margin-left: 8px !important;
}

העלי את האייקון שלך לספריית המדיה באתר > החליפי את כתובת התמונה בקוד, לכתובת המדויקת של האייקון שלך.

את יכולה לשנות את המרחק בין האייקון לכותרת על ידי שינוי מספר הפיקסלים בהגדרה margin-left.

תצליחי,
חגית

אשמח לקרוא תגובה ממך

כתיבת תגובה

עוד הדרכות על CSS & ג'ט

דילוג לתוכן