Elementor איך מיצרים כפתור צף

[macro]

אני מעונינת ליצור כפץור צף שיופיע בכל עמודי האתר בפינה צדדית למטה.
ביצעתי בעבר דבר כזה אבל הגדרתי אותו כפוטר- באתר ההוא לא היה לי פוט באתר ולכן זה לא הפריע
אבל עכשיו אני מעונינת בפוטר של התבנית - איך מבצעים דבר כזה?

 

[חיים בניסטי]

כפתור צף אפשר לייצר בצורה מאוד פשוטה:

1. צרי ווידג'ט של אייקון / כפתור
2. תגדירי לו במתקדם > מיקום מותאם שיהיה "מקובע" ו"בתוך השורה".
3. תני לו שוליים ושחקי עם הערכים של המיקום המותאם כדי למקם אותו במקום הרצוי
   
4. מומלץ לתת Z-INDEX גבוה משאר האתר
5. תני לו קישור לאיפה שאת מעוניינת

 

[USM3361]

כפתור צף אפשר לייצר בצורה מאוד פשוטה:

1. צרי ווידג'ט של אייקון / כפתור
2. תגדירי לו במתקדם > מיקום מותאם שיהיה "מקובע" ו"בתוך השורה".
3. תני לו שוליים ושחקי עם הערכים של המיקום המותאם כדי למקם אותו במקום הרצוי
   
4. מומלץ לתת Z-INDEX גבוה משאר האתר
5. תני לו קישור לאיפה שאת מעוניינת

איך אני עושה שהכפתור יזוז כל הזמן בשביל שיבלוט?
יש CSS מותאם?

 

[ש.ב.ח.]

ראשית תנו מחלקה או מזהה לאלמנט (ווידגט/עמודה/אזור)

לאחר מכן תוסיפו בcss (באלמנטור/בעמוד/באתר, איפה שאתם יכולים)

.animate-img-float{
  animation-name: animate-img-float;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

@keyframes animate-img-float{
    from{transform: translateY(0px)}
    to{transform: translateY(-18px)}
}