מדריך איך לשים תמונה בתוך טקסט באלמנטור

[לוי יצחק]

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

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

זה חשוב!! כשאנחנו כותבים את הקוד, ראשית עלינו למקד את האלמנט אליו יתייחס הקוד, כאשר יש הבדל בין הזנת הקוד באלמנטור (בכרטיסיה מתקדם - css מותאם אישית), ובין אם תזין מותאם אישית. במקרה הראשון, אתה יכול לכתוב בורר וכך נניח את הקוד על הווידג'ט שבו הכנסנו את הקוד (לפעמים הקוד מתייחס לאלמנט צאצא ואז נכתוב בורר .childe), במקרה של הזנת קוד מותאם אישית. , תחילה עליך לתת לאלמנט מחלקה, בכרטיסייה מתקדמת - בכיתות css צריך לתת שם (אנגלית או מספרים), ואז לכתוב נקודה בהתאמה אישית ואז את שם הכיתה. אותו הדבר ניתן לעשות עם id רק אז במקום נקודה נשתמש ב- #

והנה הקוד:

selector .elementor-heading-title {background-image: url(https://wpguide.co.il/wp-content/uploads/לבד.png);
background-position: center center;
background-size: cover;
-webkit-background-clip: text;}

כמובן שתתן את הקישור לתמונה בה אתה מעוניין, ותוכל לשחק עם המיקום והגודל (כריכה או כלה וכו '), שים לב שצבע הטקסט צריך להיות שקוף (או לפחות מעט שקוף )
בהצלחה!