Elementor שינוי אייקון ההמבורגר בתפריט

[תלת ממדית]

מעונינת להחליף את האייקון של ההמבורגר בתפריט
ניסיתי את קוד הCSS הזה (עם השינויים הנצרכים - לא הלך
מה לא טוב בו / האם יש דרך אחרת?

Elementor-Menu-Toggle I:before {

Display: Block;

Width: 28px; /* רוחב האייקון */

Height: 28px; /* גובה האייקון*/

Background: Url(http://ykessertorah.com/wp-content/uploads/2021/12/Group.svg); /* קישור ישיר לקובץ שלנו*/

Background-Size: Cover;

Background-Repeat: No-Repeat;

}



תודה רבה!!

 

[חגית קרמר]

Background: Url(http://ykessertorah.com/wp-content/uploads/2021/12/Group.svg); /* קישור ישיר לקובץ שלנו*/

במקום background לכתוב background-image

 

[חגית קרמר]

וגם,
כדאי להכניס את הקוד בתוך תגיות, כדי שיהיה קל להבין אותו:

 

[תלת ממדית]

במקום background לכתוב background-image

ממש תודה !!
את תמיד הראשונה לעזור כאן!
לצערי עדיין לא עובד :

.Elementor-Menu-Toggle I:before {
Display: Block;
Width: 28px;
Height: 28px;
background-image: Url(http://ykessertorah.com/wp-content/uploads/2021/12/Group.svg);
Background-Size: Cover;
Background-Repeat: No-Repeat;
}

והנה תמונה מהשטח:

 

[ראובן ליבוביץ]

תנסי לתת

!important

אחרי התמונה אולי זה מה שיעזור.
(למרות שמתכנתים ממש לא אוהבים את זה אז נא לא לספר להם)

 

[אלעזר 1]

על בסיס הקוד של @חגית קרמר בצורה קצת שונה (משפיע על האייקון רק כשהתפריט סגור) :
הדגש על דריסת הערך content, בנפרד מבחירת הסלקטור הספציפי.

.elementor-menu-toggle__icon--open::before {
    background-image: Url(http://ykessertorah.com/wp-content/uploads/2021/12/Group.svg);
    content: "";
    height: 28px;
    width: 28px;
    display: block;
    background-size: cover;
    background-repeat: no-repeat;
}

 

[תלת ממדית]

ממ

על בסיס הקוד של @חגית קרמר בצורה קצת שונה (משפיע על האייקון רק כשהתפריט סגור) :
הדגש על דריסת הערך content, בנפרד מבחירת הסלקטור הספציפי.

.elementor-menu-toggle__icon--open::before {
    background-image: Url(http://ykessertorah.com/wp-content/uploads/2021/12/Group.svg);
    content: "";
    height: 28px;
    width: 28px;
    display: block;
    background-size: cover;
    background-repeat: no-repeat;
}

ממש תודה
ניסיתי וזה אכן עובד !!
רק שהאייקון יוצא קצת קטן
ניסיתי להגדיל את האייקון עצמו לפני העלאה לוורדפרס- לא הועיל, להגדיל את הפיקסלים בקוד -הגדיל גם את הריבוע והשאיר את אותו יחס
מה אפשר לעשות?
(אין לי שום ידע בCSS ואתם פשוט מצילים אותי!!!)

 

[תלת ממדית]

אוקי הצלחתי, תודה תודה !

 

[י ע ל]

חגית יקרה!
רק רוצה להצדיע לך על העזרה שלך לכל ניק פה בכזו מקצועיות והמון לב
תזכי למצוות!
מחמם את הלב לראות דברים כאלה

 

[תלת ממדית]

כן , יש לי שני מורים
@רוני רביץ על קורסיו המחכימים והמענה הרציף שלו
ופרוג- סלש @חגית קרמר @אלעזר 1 ועוד כמה

 

[סיון]

חגית יקרה!
רק רוצה להצדיע לך על העזרה שלך לכל ניק פה בכזו מקצועיות והמון לב
תזכי למצוות!
מחמם את הלב לראות דברים כאלה

מצטרפת! @חגית קרמר שילוב מדהים של לב ענק עם מקצועיות רבה! (ולא משנה הסדר)
תודה רבה!

 

[סיון]

@רוני רביץ על קורסיו המחכימים והמענה הרציף שלו
ופרוג- סלש @חגית קרמר @אלעזר 1 ועוד כמה

אכן, יש כאן אנשי מקצוע מדהימים, שנותנים המון, באמת לא מובן מאליו.

 

[חגית קרמר]

מצטרפת! @חגית קרמר שילוב מדהים של לב ענק עם מקצועיות רבה! (ולא משנה הסדר)
תודה רבה!

תודה @סיון