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

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

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

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

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

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

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

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

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/

רוני רביץ

רוני רביץ

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

כתיבת תגובה

האימייל לא יוצג באתר.

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

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

מעניין?

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