שלום רב חברים, וברוכים הבאים לסדרת הדרכות הקשורות ל-WordPress ו-Elementor Pro! היום יש לי משהו ממש ממש מדהים להציג בשבילכם. אנחנו נלמד איך לשנות את צבע והרוחב של מלבן גלילה הרגיל ע"י CSS ולהפוך אותו למשהו ממותג!
אנו מכירים את המלבן גלילה הרגיל האפור הקלאסי, עם קוד קצר מאוד נוכל לצבוע את כולו ולקבוע לו רוחב אחר. שינוי צבע מלבן הגלילה יעזור לך למתג את האתר שלך. אם והאתר שלך בנוי על צבע שחור אדום ולבן, תוכל להתאים את המלבן גלילה לצבעים שלך.
צפו בוידאו ולמדו איך עושים זאת, בהצלחה!
קוד שינוי מלבן גלילה:
העתיקו את הקוד
::-webkit-scrollbar{
width: 0.7vw;
background: #ffffff;
}
::-webkit-scrollbar-thumb{
background: -webkit-linear-gradient(transparent);
background: linear-gradient(transparent,#4287f5);
border-radius: 20px;
}
::-webkit-scrollbar-thumb:hover{
background: -webkit-linear-gradient(transparent);
background: linear-gradient(transparent,#ff0000);
}
