איך ליצור הידר שמשנה צבע בגלילה

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

איך ליצור הידר שמשנה צבע בגלילה.

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

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

עוד דבר נפוץ הוא להקטין את אזור ההידר אחרי הגלילה, וגם זה נראה בסרטון.

כל הקודים נמצאים מתחת לסרטון,

הנה הקוד לשינוי הצבע,

selector.elementor-sticky–effects{ background-color: rgba(133,130,255,0.5)!important } selector{ transition: background-color 4s ease !important; }

והנה הקוד לשינוי הגובה,

selector.elementor-sticky–effects >.elementor-container{ min-height: 80px; } selector > .elementor-container{ transition: min-height 1s ease !important; }

קישור לתוסף

https://he.wordpress.org/plugins/sticky-header-effects-for-elementor/

רוצים להצטרף לניוזלטר שלנו?

עוד מאמרים שאולי יעניינו אתכם

עסקים

להפוך יעדים לתוצאות

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

ווקמורס

חברת אחסון אתרים מומלצת

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

אלמנטור

כפתורים מעוצבים עם אלמנטור

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

מעניין?

הרשמו לניוזלטר השבועי שלנו