מיומנויות CSS
11 בדצמבר 2021
כדי לצמצם תוספת קוד כדי שזו תשפיע רק על דף הבית, או רק על עמוד מסויים, יש להוסיף סלקטור ל-Class המתאים לפני תוספת הקוד, לדוגמא: .home […]
11 בדצמבר 2021
לעיתים אנחנו מסמנים אפשרות אחת בממשק הניהול, אבל מסיבה כזו או אחרת מסומנת אפשרות אחרת. הסיבה שזה קורה זה בגלל אפקט RTL בממשק הניהול – ולהלן […]
11 בדצמבר 2021
על מנת לייצר ריחוף / תזוזה של אלמנט, יש להצמיד לו את ה-Class של "floatitem" ולהשתמש בקוד הבא: (ניתן לשחק עם שלבי / זמן האנימציה) .floatitem […]
11 בדצמבר 2021
על מנת להגדיר את הצבע לכותרות בטופס (כלל אתר), יש להשתמש בקוד CSS הבא: (לדף ספציפי יש לתפוס את הדף עם סלקטור) .wpcf7-form-control-wrap input::placeholder, .wpcf7-form-control-wrap textarea::placeholder […]
11 בדצמבר 2021
כדי להוסיף אייקון לרשימה, האופציה הפשוטה היא שימוש באייקונים של Betheme (קישור כאן), ללחוץ על "Default". ניתן גם להשתמש בתמונה תפורה אישית – פירוט על זה […]
11 בדצמבר 2021
על מנת להגדיר רוחב קבוע (באחוזים או בפיקסלים) ל-Section בעמוד, יש להגדיר Class לאותו Section (כך לדוגמא, bounded), ואז להוסיף את הקוד CSS הבא: .bounded { […]
11 בדצמבר 2021
על מנת להגדיל את התפריט לרוחב מלא, יש להשתמש בקוד הבא: #Top_bar .container { width:100% !important; max-width:100%; } #Top_bar .top_bar_left { width:100% !important; } על מנת […]
11 בדצמבר 2021
גובה התפריט מוגדר ע"י אלמנט ה-a (קישור) בתוך ה-li (פריטי הרשימה) של התפריט. על מנת להקטין את הגובה של התפריט יש להשתמש בקוד CSS הבא: #Top_bar […]
11 בדצמבר 2021
על מנת להסתיר את הפסים האפורים (להפרדה) בתפריט, יש להשתמש בקוד הבא: /*הסתרת פס אפור - כללי*/ #Top_bar #menu ul li a span { border-left-width:0px; }
11 בדצמבר 2021
על מנת לקפוץ (לגלול / אנימציה) למקום מסויים בעמוד, נרצה להגדיר את המקום באמצעות ID ואז לקשר אליו ולהוסיף את אפקט הגלילה. על מנת להגדיר את […]
11 בדצמבר 2021
על מנת לייצר אנימציות במעבר עכבר, יש להגדיר את האנימציה (מה קורה במצב של Hover) ואת המצב הרגיל, ואז להגדיר הדרגה באנימציה. אם כן, נבחר את […]
11 בדצמבר 2021
כדי להסתיר את האייקון שמופיע כאשר מעבירים את סמן העכבר על מוצרים, יש להשתמש בקוד הבא: .product .image_wrapper .image_links { display:none; }
11 בדצמבר 2021
כדי לייצר גלילה מיוחדת באתר, יש להשתמש בקוד CSS הבא: /*גלילה עבה עם רקע אפור בהיר*/ .nice-scroll .nicescroll-rails { width:16px !important; background:#aaa; } .nice-scroll .nicescroll-cursors { […]
11 בדצמבר 2021
כדי לייצר פס Parallax עליון, יש להשתמש בקוד CSS הבא: #Subheader { height:160px; background-size:contain !important; background-attachment:fixed; } את התמונות צריך להגדיר כתמונת רקע ל-Subheader, גודל מומלץ: […]
11 בדצמבר 2021
יש כמה סוגיות מרכזיות שאנחנו נתקלים בהם פעם אחר פעם בחנויות, עם התוסף WooCommerce, להלן התיקונים המתאימים: ניקיון סטנדרטי – הסתרת הכפתורים המרחפים, ריכוך אפקט ה-זום, […]