אני מנסה להגיע ללוק של 5 לוגואים ומתחתיהם טקסט באמצעות הקרסלה. כרגע הטקסט עולה על התמונה, הצלחתי לבטל את השקיפות של הבוקס, אבל איך אפשר בבקשה לגרום לו לרדת אל מתחת לתמונה? במובייל זה מסתדר יפה ואילו בדסקטופ עולה על גבי התמונה
מצרפת את הקוד css שקיים לי כרגע אשמח להכוונה לגבי מה לשנות:
.pojo-slideshow .slide .bx-caption {
opacity: 1;
background-color: rgba(80,80,80,0);
list-style-position: outside;
position: absolute;
}
.bx-wrapper .bx-caption span {
text-align: center;
font-family: 'Open Sans Hebrew Condensed', Arial, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 20px;
height: 28px;
}
כרגע הפתרון שמצאתי הוא לעשות את זה כשורה רגילה עם 5 טורים בכל מסך פרט למובייל (שורה זו תוסתר במובייל, כיוון שגורמת ללוגואים להערם בטור), ולהפעיל את המצגת רק במובייל ששם כאמור הטקסט כן מסתדר יפה מתחת (שורת המצגת תוסתר בכל מסך פרט למובייל).
אבל חייבת להיות דרך הגיונית יותר של שינוי ה-css של המצגת להצגת הכותרת מתחת לתמונה במקום עליה…