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

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

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

קוד לווידג'ט תיבת אייקון

/* 
 * Makes the entire icon box clickable – for better user experience 
 * Developed by Twist | https://twist-digital.co.il/ 
 */

selector .elementor-icon-box-title a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

קוד לווידג'ט תיבת תמונה

/* 
 * Makes the entire image box clickable – for better user experience 
 * Developed by Twist | https://twist-digital.co.il/ 
 */
 
selector .elementor-image-box-title a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

רוצים לבנות אתר לעסק שיראה מעולה ויעבוד בצורה מושלמת?
אני מתמחה בבניית אתרים עם חוויית משתמש גבוהה ועיצוב מדויק שמביא תוצאות אמיתיות.
דברו איתי עכשיו – ונבנה לכם אתר לעסק שמרגיש ונראה מצוין.