החלפת אייקון חיפוש באלמנטור

ווידג'ט החיפוש של אלמנטור מגיע עם אייקון חיפוש של FA. הוא נקרא fa-seach.

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

.elementor-search-form__toggle i:before {
    font-family: 'your-custom-icons-family'; 
    content: "\e986 or other icon code";
}

או את הקוד הבא כתלות אם אתם במובייל או דסקטופ.

.elementor-search-form__icon i:before {
    font-family: 'your-custom-icons-family';
    content: "\e986 or other icon code";
}

הכניסו את שם ה class של האייקונים שלכם. וב content הכניסו את קוד האייקון הרצוי.

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

אם אתם מעדיפים טקסט במקום אייקון (למשל שיהיה רשום "חפשו פה" או "חיפוש") רשמו את הטקסט ב content במקום את הקוד של האייקון.

content: "חיפוש";

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

0 0 דירוגים
דרג את הפוסט
הרשמה
Notify of
0 תגובות
Inline Feedbacks
הצג את כל התגובות

גם הסניפטים הבאים יעניינו אותך

0
אשמח לשמוע את דעתכם, מוזמנים להשאיר תגובהx