הפיכת ווידג'ט תיבת אייקון או תיבת תמונה ללחיצים

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

הפיכת ווידג'ט תיבת אייקון ללחיצה

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

הפיכת ווידג'ט תיבת תמונה ללחיצה

CSS

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

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

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

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

תגובה אחת

כתיבת תגובה

האימייל לא יוצג באתר. שדות החובה מסומנים *

אלמנטור
Css
קרדיט: ישראל פאר
העדכונים שלא תרצו לפספס
הירשמו ותהיו הראשונים לקבל את המדריכים הכי חמים למייל.
אלמנטור
Js
שינוי שדה מסוג מספר לשדה מסוג טווח (סליידר)
אלמנטור
Js
סגירת פופאפ בלחיצה על כפתור
וורדפרס
Css
עיצוב תוסף הנגישות של enable
ווקומרס
Php
הצגת מוצרים במלאי תחילה בארכיון מוצרים
ווקומרס
Php
שינוי מצב הזמנה בווקומרס להושלם
חיפוש חופשי
העדכונים שלא תרצו לפספס
הירשמו ותהיו הראשונים לקבל את המדריכים הכי חמים למייל.
הרשימה מתעדכנת כל הזמן - מומלץ לשמור את הדף במועדפים!
כדי לשמור את האתר לחצו על Ctrl+D במקלדת (במק D+⌘).