המרת אתר שבנוי על תבנית של חברה אחרת, אל תבנית של פוג'ו

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

נראה שאני חייב להשתמש בכמה אזורים עם סליידרים של רבולושיין? נכון?
תודה

מסתבר שיש ברבולושיין אפשרות להשתמש בטריגרים (זה נקרא 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);
} 

תודה