Elementor אלמנטור פרו עם באגים?

[srp]

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

מה יכול להיות ההסבר של זה?

 

[David Markus]

https://www.facebook.com/groups/elementor.groupies/permalink/2460107647609035/

 

[srp]

https://www.facebook.com/groups/elementor.groupies/permalink/2460107647609035/

חסום לי
מה כתוב שם?

 

[תמימה]

זה תמיכה שלהם בפייסבוק
תפני לתמיכה באתר של פוג'ו אולי יסבירו לך
https://pojo.co.il/topic/אלמנטור-פרו-3/

 

[יוסי דויד]

אני בונה עכשו אתר פעם ראשונה עם אלמנטור פרו
ונתקלת בבאגים ממש מעצבנים...
נגיד הוספתי אייקונים בעיצוב עצמי, קבצי SVG
ייבאתי אותם עם צבע מעבר היה מצוין
פתאום השתבש משהו
והם נראים ככה
צפה בקובץ המצורף 515311
מה יכול להיות ההסבר של זה?

הסיבה לכך, היא בגלל שיש קלאס של CSS לכל אלמנט באייקונים שייבאת
בגלל שהקלאסים זהים אחד לשני, אז אחד משפיע על העיצוב של השני


הפתרון הוא להסיר את הקלאסים מהאובייקטים, ולתת להם עיצוב inline של css

איך עושים את זה?

1. יצרתי אייקון של 2 מלבנים בצבעים שונים





2. הכנסתי אותם ל Export Assets
בהגדרות הייצוא, הגדרתי כמובן ל SVG




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



ואח"כ לחיצה על גלגל השיניים הזה:



4. נכנסים ללשונים SVG (בצד שמאל)
וככה נראים ההגדרות בהתחלה:


קוד ה SVG כעת נראה ככה:


אנחנו יכולים לשים לב לקלאס שנוצר לשני המרובעים: cls-1 ו cls-2, והצבעים שהם מכילים.
הם כמובן משפיעים, על כל אלמנט באתר שיש לו את הקלאס הזה.



איך מבטלים את הקלאסים?

5. משנים את ההגדרות, להגדרות הבאות:



styling: inline style
Images: Embed
Object ID: Minimal

ולבטל את הרספונסיביות. שלא יהיו קפיצות בעיצוב


ככה הקוד נראה אחרי:



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

בהצלחה!

אני רוצה לתת קרדיט למתכנת שמעון שומרון, שהמציא לנו את הפתרון היצירתי הזה!

 

[יוסי דויד]

והכי חשוב: לאלמנטור אין אף פעם באגים!

ה"אידישע קאפ" עובד יותר טוב מכולם!