Как убрать тень с изображений товаров? БОЛЬШОЙ КАРТЕЛЬ

Я использую тему Luna на большом картеле, но при просмотре на мобильном устройстве продукты плохо видны из-за тени коробки. Я наткнулся на справочную страницу крупного картеля, где предлагалось скопировать код в CSS, но это ничего не изменило. Код был следующим:

#product_images li img {
  box-shadow: none;
  webkit-box-shadow: none
}

Является ли этот код правильным или есть другой способ изменить это?


themes css bigcartel
person Tinitia Harrison    schedule 25.09.2017    source источник
comment
Этот код удаляет только тень внешней рамки на изображениях товаров, когда вы просматриваете магазин на больших экранах. Я думаю, вы хотите удалить цвет фона наложения на мобильном телефоне, чтобы на изображении был только белый текст поверх изображения - это правильно?   -  person Nick Endle    schedule 26.09.2017

Ответы (1)


arrow_upward
0
arrow_downward

Вы можете попробовать использовать !important, чтобы убедиться, что код в вашем CSS переопределяется. Вы также пропустили # перед product_images и - перед webkit, что может быть частью проблемы.

#product_images li img {
    box-shadow: none !important; 
    -webkit-box-shadow: none !important;
}
person grt812    schedule 25.09.2017
comment
Вам нужно добавить «-» перед webkit-box-shadow. - person Adam Love; 25.09.2017