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

ווידג'ט החיפוש של אלמנטור מגיע עם אייקון חיפוש של 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: "חיפוש";

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