האתר בתהליך הטמעת העיצוב החדש. תודה על הסבלנות :)

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

CSS

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

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

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

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

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

תצליחי,
חגית

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

כתיבת תגובה

עוד הדרכות על CSS

דילוג לתוכן