שינוי css class של תיבת מוצר ברשימה

פורום התמיכה פתוח למשתמשים מנויים בלבד. יש להתחבר או להרשם כדי להוסיף דיון או תגובה בפורום.

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

ראשי פורומים תמיכה שינוי css class של תיבת מוצר ברשימה

דיון זה מוגדר: סגור

תגיות: ,

מוצגות 7 תגובות – 1 עד 7 (מתוך 7 סה״כ)
  • מאת
    תגובות
  • #48587

    iritst
    משתתף

    הי,

    יש את ה class הזה

    
    
    .woocommerce ul.products li.product .inbox .caption, .woocommerce-page ul.products li.product .inbox .caption {
        background-color: #F5F5F5;
        display: block;
        padding: 20px 0;
        -webkit-border-radius: 0 0 5px 5px;
        border-radius: 0 0 5px 5px;
        -webkit-transition: all .5s ease;
        transition: all .5s ease;
    }
    
    

    שמגדיר את החלק של התיבה התחתון, בו נמצא שם המוצר ומחיר המוצר , ברשימת מוצרים בקטגוריה .

    שניסיתי לשנות את ה background-color ללבן ואת ה padding ל 2 כי זה גדול מידי, לא הצלחתי למצוא את המצב hover שלו וכך הכיתוב של המחיר " נעלם " כי זה לבן על לבן

    איך אפשר לסדר את זה ?

    ואפוא לשים את ההגדרות?

    שמתי ב " התאמה אישית " בחלק של ה css , זה עובד ותופס אבל כמו שאמרתי ה hover לא עובד כמו שצריך .

    תוכלו לסייע?

    תודה .

    #48608

    Noa
    משתתף

    צהריים טובים,

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

    https://he.wordpress.org/plugins/woocommerce-colors/

    #48620

    iritst
    משתתף

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

    #48649

    Noa
    משתתף

    אפשר קישור לעמוד החנות שלך?

    #48676

    iritst
    משתתף
    תגובה זו סומנה כפרטית.
    #48697

    Noa
    משתתף

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

    1. צבע רקע של הכיתוב במעבר עכבר:

    ul.products li.product .inbox:hover .caption{background-color: #dd4f4f;}

    2. צבע טקסט המחיר במעבר עכבר:

    ul.products li.product .inbox:hover .caption .price{color: #FFFFFF;}

    #48706

    iritst
    משתתף

    זה כנראה היתה החתיכה החסרה…..הסתדר.

מוצגות 7 תגובות – 1 עד 7 (מתוך 7 סה״כ)

הפורום 'תמיכה' נסגר לדיונים ולתגובות חדשות.