שיבוץ תמונה מרחפת

על מנת לשבץ תמונה מרחפת, יש להוסיף אלמנט תמונה (Image) – רצוי ב-Section נפרד.

1. יש להגדיר לתמונה Hover Effect > Disable
2. יש להגדיר עימוד Align > Center,
3. יש להגדיר Class של imgfloat1 (או מספר נוסף, לדוגמא imgfloat2, imgfloat3 וכו' אם יש כמה אלמנטים כאלו שכל אחד צריך להיות ממוקם אחרת).

ואז, על מנת לגרום לתמונה לרחף, יש להשתמש בקוד CSS הבא:

.imgfloat1 img {
 position:absolute !important;
}
.imgfloat1 .image_frame.hover-disable .image_wrapper img {
 top:50px !important;
 right:-350px !important;
}
.imgfloat1 .image_wrapper {
 overflow:visible;
}

ניתן לשחק עם הערכים והמיקומים (אפשר גם להחליף left ב-right). כדי להצמיד לקצה המסך יש לוודא שה-Column הירוק מוגדר ל-Full Width.