כשאנחנו עובדים עם הווידג'ט Loop Grid של אלמנטור אין לנו אפשרות למרכז את הפריט האחרון, למשל אם יש לנו 3 עמודות ובשורה השניה יש 2 פריטים הם תמיד יהיו מוצמדים לימין (או לשמאל תלוי בשפת האתר) ובווידג'ט עצמו אין אפשרות להגדיר מירכוז פריטים, לכן הקוד הבא עוזר למרכז את הפריטים האחרונים בלופ כך שלא משנה כמה עמודות תשימו זה תמיד יהיה ממורכז.
selector .elementor-grid {
display: flex !important;
flex-wrap: wrap;
justify-content: center !important;
}
selector .e-loop-item {
width: calc(33.333% - 20px);
gap: 20px;
}
לדוגמא:
בלופ גריד הזה הגדרתי 3 עמודות ו- 5 פריטים ולכן בשורה השניה זה היה אמור להיצמד לימין במקום להיות ממורכז, עם הקוד זה תמיד יהיה ממורכז.
התפריט הוא אחד הדברים הראשונים שאנשים רואים כשהם נכנסים לאתר.עוד לפני שקוראים טקסט או לוחצים [...]
אפקטים קטנים עושים הבדל גדול בחוויית משתמש – במיוחד כשמדובר באינטראקציות בסיסיות כמו מעבר עכבר. [...]
אם אתם בונים אתרים רספונסיביים, אתם יודעים שטיפוגרפיה יכולה להיות כאב ראש – במיוחד כשצריך [...]
בעולם בניית האתרים, הרבה פעמים דווקא הדברים הקטנים הם אלה שעושים את ההבדל בין אתר [...]
פינות מעוצבות לאתר הן אלמנט עיצובי קטן אך משמעותי, שיכול לשדרג באופן מיידי את חוויית [...]
תודה ליוסי ביטון האלוף על העזרה עם הקוד הזה.