ימים
שעות
דקות
שניות
הזדרזי! המבצע בתוקף עד 04.04.2024

איך אפשר להגדיר גודל שונה לאייקון הנמצא בתוך הכפתור של אלמנטור?

הכפתורים באלמנטור מוגדרים כך שהאייקון יהיה באותו הגודל של הטקסט.
כדי לשנות רק את הגודל של האייקון, את צריכה להוסיף קצת קוד CSS בCSS מותאם של הכפתור.

בחרי את הכפתור > מתקדם > CSS מותאם > הדביקי את הקוד הבא

selector .elementor-button-icon{
    font-size: 32px !important;
}
selector .elementor-button-content-wrapper{
    align-items: center !important;
}

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

הקוד השני מגדיר לך שהטקסט יעמוד ממורכז לאמצע, יחסית לאייקון.

תצליחי,
חגית

כתיבת תגובה

הדרכות נוספות שיכולות לעזור לך

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

איך בונים מערכת ניהול תוכן גדולה, כך שהלקוח יוכל להעלות ולעדכן חומרים בעצמו? האם זה אפשרי באתר וורדפרס?

איך להציג סרטון רקע באלמנטור שיכסה את כל העמוד מצד לצד, ויפעל באופן אוטומטי, ללא סימנים וכפתורים עליו?

העליתי לאתר תמונות באיכות גבוהה, אבל הן נראות מפוקסלות. איך מציגים תמונות בצורה טובה באלמנטור או בעורך של גוטנברג?

איך אפשר להגדיר מחיר מוצר לפי כמות? לדוגמא אם קונים 1 עולה 300 ש”ח ליחידה, אם קונים 2 – 250 ש”ח ליחידה

באתר חנות בו יש משלוח חינם ממחיר מסוים, יש אופציה במוצרים מסוימים לעשות משלוח חינם ממחיר גבוה יותר?

איך יוצרים קטלוג קורסים עם הרשמה נפרדת לכל קורס?

ניסיתי להוסיף צל במעבר עכבר על תמונת פוסט (בוידג’ט ארכיון פוסטים של אלמנטור פרו), אבל הוא יצא חתוך. איך גורמים לצל להופיע בצורה יפה?

כלים אלופים

10 כלים מומלצים
שיעזרו לך לעבוד מהר יותר
דילוג לתוכן