CSS לשונית בתפרטי בצבע שונה כמו כאן באתר פרוג

[שמעון יוסף]

אייך ניתן לשנות ללשונית אחת מהתפריט לקבל צבע שונה משאר התפריט? האתר בנוי על [וורדפרס> אלמנטור פרו]

 

[מירי אלף]

div a[data-nav-id="courses"], div a[data-nav-id="courses"]~a {
background-color: #c84448;
הגדירו ב css את צבע הרקע לפי ה id הספציפי

 

[מירי אלף]

באלמנטור לכל li של התפריט יש קלאס יחודי menu-item-1234

 

[שמעון יוסף]

div a [data-nav-id = "קורסים"], div a [data-nav-id = "קורסים"] ~ a {
צבע רקע: # c84448;
הגדירו ב css את צבע הרקע לפי ה id הספציפי
[/ציטוט]

היכן אני רואה את ה id של הלשונית הספציפית שאני צריך?
או שזה בעצם הכתובת שאליו היא מפנה?

באלמנטור לכל li של התפריט יש קלאס יחודי menu-item-1234
[/ציטוט]

שזה אומר?

 

[מירי אלף]

שלפי הקלאס הזה צריך להגדיר את הרקע
לכל לשונית יש קלאס יחודי (המספרים משתנים)
לדוגמא
menu-item-1234 a {background:red

 

[עכביש]

.

ראשית, יש לך תרגום גוגל על כתיבת ההודעה, שהרס את הציטוט ואת הקוד.

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

 

[שמעון יוסף]

ראשית, יש לך תרגום גוגל על כתיבת ההודעה, שהרס את הציטוט ואת הקוד.

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

התרגום גוגל נוצר רק בציטוט לא יודע למה

 

[חגית קרמר]

קוד מכניסים ככה: (לחצן שלוש נקודות > קוד > html)

div a[data-nav-id="courses"], div a[data-nav-id="courses"]~a {
background-color: #c84448;

ואז הוא קריא ולא משתבש

 

[שמעון יוסף]

ראשית, יש לך תרגום גוגל על כתיבת ההודעה, שהרס את הציטוט ואת הקוד.

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

איזה תוספים יש לזה?

 

[rivkic]

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

 

[מירי אלף]

למה צריך תוסף בשביל לבדוק מה הסלקטור?
בודקים ב F12

 

[מעריכה תורה]

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

 

[שמעון יוסף]

באלמנטור לכל li של התפריט יש קלאס יחודי menu-item-1234

תודה רבה
הכנסתי את זה וזה שינה

#menu-item-1234 a {
    background:red
}

במקום 1234 הכנסתי את הid של הלשונית הרצויה