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

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

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

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

   transition: background-color 0.5s !important;
}

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

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

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

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

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

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

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

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

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

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

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

במידה והקוד חל על כל העמוד ניתן להטמיע את הקוד תחת ההגדרות של העמוד בקוד מותאם.

במידה והקוד חל על כל האתר ניתן להטמיע בהגדרות אתר בקוד מותאם או לחלופין להטמיע את הקוד תחת הגדרות אלמנטור בניהול קודים.

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

wpcoder - מתכנת
אתרים
wpcoder – מתכנת
המתכנת הכי טוב שעבדתי איתו מאתר פייבר – מחירים זולים.

כתיבת תגובה

האימייל לא יוצג באתר. שדות החובה מסומנים *

אלמנטור
Css
קרדיט: ישראל פאר
העדכונים שלא תרצו לפספס
הירשמו ותהיו הראשונים לקבל את המדריכים הכי חמים למייל.
ווקומרס
Php
הצגת מוצרים במלאי תחילה בארכיון מוצרים
אלמנטור
Css
הפיכת ווידג'ט תיבת אייקון או תיבת תמונה ללחיצים
אלמנטור
Css
תמונת רקע בתוך טקסט באלמנטור
ווקומרס
Php
שינוי מצב הזמנה בווקומרס להושלם
ווקומרס
Php
ניקוי סל הקניות כשמוסיפים מוצר
חיפוש חופשי
חיפוש חכם ע"י AI (בהרצה)
העדכונים שלא תרצו לפספס
הירשמו ותהיו הראשונים לקבל את המדריכים הכי חמים למייל.
הרשימה מתעדכנת כל הזמן - מומלץ לשמור את הדף במועדפים!
כדי לשמור את האתר לחצו על Ctrl+D במקלדת (במק D+⌘).