קוד להחלפת צבע, הקטנת הדר ולוגו בזמן גלילה

קוד להחלפת צבע, הקטנת הדר ולוגו בזמן גלילה

לפעמים רוצים לעצב הדר שבגלילה בעמוד ייראה קטן י...

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

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

selector.elementor-sticky--effects{
   background-color: rgba(63, 63, 63, 1)!important;
}

selector{
   transition: background-color 2s ease !important;
}

selector.elementor-sticky--effects >.elementor-container{
   min-height: 80px;
}

selector > .elementor-container{
   transition: min-height 1s ease !important;
}Code language: CSS (css)

אם רוצים להקטין גם את הלוגו בזמן הגלילה, להלן הקוד המתאים:

selector{
transition: all 1s ease ;
}
selector .logo img {
transition: all 0.5s ease;
}
selector.elementor-sticky--effects{
background-color: #000000  !important;
}
selector.elementor-sticky--effects .logo img {
max-width: 30%;
margin: auto;
}
selector.elementor-sticky--effects >.elementor-container{
   min-height: 60px;
}Code language: CSS (css)

נשמח לקבל תכנים נוספים שלדעתכם יכולים לעניין את קהל היעד

פרטי יצירת קשר
דילוג לתוכן