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

הי,

יש את ה 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 לא עובד כמו שצריך .

תוכלו לסייע?

תודה .