איך לשנות צבע להדר סטיקי \ או נתונים לאלמנטים בתוכו בגלילה

נשים את קוד CSS הבא על האזור של ההדר שבו יקרה השינוי:

נקרא לאזור בקלאס area (עריכת אלמנט > מתקדם)

ולאלמנט שבתוכו (אם נרצה) בקלאס img למשל.

				
					selector{
<!--כאן מה שקורה לאזור כשהוא כרגיל-->
<!--שורה זו מתארת את אפקט אנמציית המעבר-->
transition: all 1s ease ;
background-color: #9996;
    
}
selector.area.elementor-sticky--effects{
<!--כאן מה שקורה לאחר שהוא סטיקי/-->
background-color: #fe637c !important;
    
}

selector.area.elementor-sticky--effects .img{
<!--כאן מה שקורה לאלמנט שבתוך האזור של ההדר שלנו-->
<!--כאן למשל ניצור מסגרת לתמונה רק כאשר ההדר כבר סטיקי-->
border: solid 3px #0000 !important;
}
				
			

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

שימושי גם להגדלת והקטנת לוגו.

ועוד..