Изображения не реагируют на изменения

начали загружаться просто огромные фото.

А зачем Вы загружаете такие огромные фото?
https://tools.pingdom.com/#!/biyRqr/http://1stmybike.com.ua/wp-content/uploads/2017/09/20-Formula-LIME-%D1%81%D0%B0%D0%BB%D0%B0%D1%82%D0%BD%D1%8B%D0%B9-2017.jpg

И где Вы имеете ввиду огромные? Я вижу единственную целую миниатюру (остальные отсутствуют), но она маленькая (150х150) растянутая до размеров блока, которых 3 шт в ширину страницы из-за чего качество превью товара.. мягко говоря не ахти.

прописала размер в CSS, WooCommerce, при загрузке.

Это где что Вы прописали? И зачем?

Каким образом я могу Вам выслать скрины?

Можно загрузить на https://imgur.com/ и дать тут ссылку.

Ну и не забыть ответить на вопросы.

На скринах фото сайта и внесенных изменений

Не знаю зачем Вы решили показать эту галерею, но вот что скажу
1. Никогда не правьте в редакторе ВП. И вообще забудьте о нём. Только по ФТП в правильных блокнотах — с подсветкой синтаксиса и в кодировке UTF8.
2. Верните файлы темы на место.
3. Создайте дочернюю тему и если понадобится, то вносите изменения в неё.

И да.
1. Не называйте файлы по-русски (по украински тоже 😉 ). Только латиница. А ещё лучше — поставьте плагин для транслитерации, который не только слаги, но и файлы будет переименовывать. Напр https://wordpress.org/plugins/cyr2lat/

2. Не загружайте огромные картинки и оптимизируйте графику.

Вот Ваша оригинальная картинка (с русскими буквами в названии) размером 4500х3000px весит аж 4мб.

Уменьшенная до 900x600px (мне кажется это более, чем достаточно, но лучше почитать документацию к теме) и оптимизированная — всего 56 кб.

но я так и не поняла, почему при загрузке фото 1600*1200 она выглядит растянутой с фильтром 1000*1000

Где Вы увидели 1000х1000? На главной магазина 150х150 растянутые вашим кодом до ширины блока (но это далеко не 1000px).

• Ответ изменён 7 лет назад пользователем SeVlad. Причина: см ниже
• Ответ изменён 7 лет назад пользователем SeVlad. Причина: см ниже