שינוי צבע לאלמנטים בהדר בעת גלילה

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

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

.elementor-sticky--effects{
   background-color: #0E2D3F !important;
   

   transition: background-color 0.5s !important;
}

רוצים לשנות את הצבע של התפריט עצמו בגלילה? זה הקוד.

.elementor-sticky--effects .elementor-nav-menu--main .elementor-item{
color:#E3AE7E!important;
}

רוצים לשנות את הצבע של ההמבורגר בתפריט במובייל בגלילה? זה הקוד.

.elementor-sticky--effects .elementor-menu-toggle .e-font-icon-svg{
fill:#fff!important;
}

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

.elementor-sticky--effects svg{
fill:#fff!important;
}

יש לכם כפתור בהדר שאתם רוצים לשנות לו צבע? זה הקוד.

.elementor-sticky--effects .elementor-button{
background-color: #fff!important;
}

.elementor-sticky--effects
.elementor-button span{
    color:#E3AE7E;
}

לא עובד לכם? תרשמו לי בתגובות ואשתדל לעזור לכם, בהצלחה.