תמונות חתוכות

ראשית, שים לב שהתמונות שהעלית ענקיות – זה יעמיס על השרת ואין לזה צידוק אמיתי.
דבר שני, אני רואה שלפחות חלק מהתמונות מאורכות –
ברגע שאתה לוקח תמונה שהיא במקור הולכת לגובה ומגדיר לה שתהיה 500X500 (נניח) מן הסתם משהו יחתך שם.

העליתי לדוגמה תמונה חדשה למוצר הזה:
http://www.heftziba.co.il/product/%D7%A9%D7%9E%D7%9C%D7%94-%D7%95%D7%A8%D7%94-%D7%A2%D7%9D-%D7%91%D7%98%D7%A0%D7%94-%D7%9B%D7%97%D7%95%D7%9C/

מה שאני מציע שזה שתשמור את התמונות מחדש שיהיו סימטריות ואז זה יעבוד מצוין.

1. לגבי האלמנט שמתקבל כשעומדים על התמונה – תוסיף את ה-CSS הזה:

.image-link .overlay-image {
    display: none;
}

.overlay-title {
    display: none;
}

2. לא מכיר תוסף כזה. זה לא קשור לצבעים שלנו, אלא לצבעים של ווקומרס.
אתה יכול לשנות את זה באמצעות CSS.