יישור Data not found של Listing Grid לצד ימין או שמאל

אחד מהווידג’טים השימושיים ביותר של Jet Engine הוא כמובן ה-Listing Grid.

בעזרת Listing Grid אנחנו יכולים ליצור שאילתות מורכבות לפי קטגוריות, כותב, תגיות ועוד, לשלוף את הפוסטים מבסיס הנתונים וכמובן הלציג אותם באתר בצורה מותאמת על ידי שימוש ב-Listings.

אישית, כמעט בכל אתר יוצא לי להשתמש ב-Listing Grid של Jet.

במהלך אחד השיעורים בקורס, ראיתי שיש חוסר קטן בווידג’יט של Listing Grid (נכון לגרסא 2.7.5 של Jet Engine) והוא האפשרות להזיז ימינה או שמאלה את הטקסט שמופיע כאשר אין פוסטים שעונים על התנאים שקבענו.

יישור טקסט ב-Listing Grid
(אומנם שינוי קטן אך משמעותי בשביל להגיע ל-Pixel Perfect)

בשביל לפתור את זה, נשתמש בסניפט הפשוט הבא ונוסיף אותו ב-CSS של ה-Listing Grid.

השורות 2-4 יישרו את הטקסט לימין, השורות 7-9 יישרו את הטקסט לשמאל.

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

				
					/* Text to the right */
selector .jet-listing-not-found {
    text-align: right;
}

/* Text to the left */
selector .jet-listing-not-found {
    text-align: left;
}
				
			

רוצים לקבל טיפים נוספים של מתקדמים?