נתקלתם בבעיה שבה הרקע של קונטיינר בליסטינג גריד של קרוקובלוק או בטמפלט לופ של אלמנטור לא מוצג טוב? אתם לא לבד! נתקעתי שעות על הבעיה הזאת ולא משנה מה עשיתי לא מצאתי פתרון.
במדריך אני אציג פתרון פשוט אך יעיל, שבו נשתמש בקוד CSS מותאם אישית כדי לתקן את בעיית הרקע. כל מה שצריך לעשות הוא להעתיק ולהדביק את הקוד, והרקע בקונטיינר יוצג בצורה המושלמת! בואו נתחיל!
כך תתקנו את הבעיה
נכנסים לטמפלט שיצרתם, שם נמצאת הבעיה, מוסיפים את הקלאס לאותו הקונטיינר עם הרקע fix-background-img
אחרי זה, מוסיפים את הקוד הבא:
CSS
.fix-background-img {
background-size: cover !important;
background-position: center !important;
background-repeat: no-repeat !important;
}
ההגדרה הזו דורסת כל הגדרה אחרת שנמצאת והיא תציג לנו את הרקע באופן מושלם.
תגובה אחת
אליפות