Uriel

נראה לי שזה משהו שאתם צריכים לבדוק.
בכולופן, מחקתי את הדף ועכשיו אני מתחיל ליצור את כל הדף מחדש ): -נראה שזה פותר את הבעיה.

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

מסתבר שיש ברבולושיין אפשרות להשתמש בטריגרים (זה נקרא actions), ונראה שעל פניו אני כן יכול לעשות את זה איתו.

אשמח אם תענו לי על כמה שאלות:
1. יש שם אפשרות להגדיר שהסליידר ישאב את הנתונים מהפוסטים. כלומר, הרקע יהיה התמונה הראשית של הפוסט, וגם כותרת ותוכן וכו'. הבעיה שלי היא שלמרות שבתוכן (בעורך הטקסט) המלל מסודר לפי שורות ותגיות html (כותרות, ירידת שורות וכדו'), עדיין ברבולושיין הוא תמיד נראה כבלוק אחד של מלל לא מסודר ולא מופרד. הוא לא מתייחס לhtml שבפוסט. איך ניתן לסדר את זה? -זה מאוד נוח שהסליידר שואב את המידע מהפוסטים, כי כך הלקוח יכול לשנות תכנים בקלות, וגם לחיצה על הסליידר מובילה אל הפוסט עצמו.
2. בדומה לסעיף 1, גם כשאני משתמש בסליידר רגיל (לא כזה ששואב מפוסטים), עדיין אני לא יכול להזין לתוכו טקסטים מסודרים בשורות בלי להשתמש בhtml. אני רוצה שהלקוח יוכל לערוך את התכנים בעתיד בעצמו. יש פתרון?
3. כתבתי קוד שיוצר transparent overlay על תמונת הרקע של הסליידר, אבל אני רוצה שזה יופיע רק על הסלייד הראשון שבסליידר ולא על כל הסליידים שבסליידר. איך ניתן?
הנה הקוד שכתבתי (לא בטוח שהוא הכי חכם):

.rev_slider .slotholder:after {
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
 
    /* black overlay with 50% transparency */
    background: rgba(0, 0, 0, 0.5);
}
.rev_slider .slotholder:hover:after {
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
 
    /* black overlay with 50% transparency */
    background: rgba(0, 0, 0, 0.0);
} 

תודה

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

שים לב שהוספתי בעריכה את המשפט הזה:
"ואגב, בתצוגת הטאבלט שלכם באלמנטור, הדברים נראים שונה מאשר בתצוגת ipad של האינספקטור של כרום למשל…."

כרגיל, תודה.

שאפו!
תודה לכם.

אוקיי. תודה.
האמת שהשתמשתי רק בפלאגין אחד, ובאמת ברגע שהעפתי אותו, זה הסתדר.
בנוגע לקלאסים הנוספים שהוספתי לאלמנטים, הבנתי שאתם משתמשים ב-animate.css (אני טועה?) ולכן הייתי צריך רק לכתוב את הקלאסים והכל עבד. עכשיו גם זה לא עובד. כנראה הסרתם אותו.
אז לא להוסיף את animate.css? זה יוצר בעיות (נראה לי שדווקא לא)?
יש איזשהו צפי למתי תוסיפו אנימציות? אם זה ממש קרוב, אחכה לשדרוג שלכם. אם לא, אנסה למצוא פתרון אחר.

תודה

רק מעדכן שעדיין ממתין לתשובה…
תודה

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

2. הכנסתי את הקוד, והוא לא עובד. נראה לי שהבעיה היא שבברירת המחדל pull-right הוא כבר עם important של left. אבל בכל מקרה, גם אם זה יעבוד, זה ייקח את הכל ימינה, ואני בכלל רוצה למרכז. הבעיה היא שבאופן כללי זה בצד, ולאו דוקא משנה לי באיזה צד.

כרגיל, תודה!

תודה לך בועז

זה מה ששמתי:

@media (max-width:1199px) {
   .pojo-visible-phone {
       display: inherit!important;
    }
   .logo-img-primary{
       display: none;
    }
}

האמת שבתצוגת טאבלט שיש באלמנטור, זה עדיין לא נראה טוב. אני לא יודע על מה לסמוך כדי לדעת שבטאבלטים זה באמת נראה טוב.
אני חושב אולי בלית ברירה להסתיר גם את 'דף הבית' מהתפריט בין 800 ל-900 px, אבל אולי הכי טוב יהיה להקטין עוד את הלוגו.
מה אתה מציע?
להקטין את הלוגו בפוטושופ? או שאולי עדיף איכשהו ב-css מתחת ל900px?

יש גם בעיה שבסמארטפון, הכפתור של התפריט לא נמצא באמצע הגובה, אלא צמוד ללמעלה. אני יכול לתת לו margin-top: 15px;. השאלה אם יש דרך יותר נכונה.

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

בעצם, אולי זה קרה כי מחקתי בטעות? זה באמת מסביר את מה שקרה?
שהרי כשמחקתי את תבנית הבת, והעליתי חדשה, הכל הסתדר. אז אולי כך בלי לשים לב החזרתי גם את @import "../../../scoop/assets/css/style.min.css";

מה?!
אני מדבר על תבנית בת. אני עורך את קובץ ה-css שבתוך assets…