Цвет фона карточек товаров в категориях Есть решение

Question

Цвет фона карточек товаров в категориях Есть решение

1 декабря 2017

1

CSS списки товаров категории товаров карточка товара prostore.user_css цвет

все фотографии товара на сайте с бьелым фоном.

если установить цвет фона контента отличный от белого получается вот такая ерунда. ( причём часто рамки белого отличаются размерами чо выглядит плохо )

есть ли такая настройка чтобы фон всей карточки оставался бы белым , а всё что за рамкой имело бы другой оттенок ?

судя по тому что при наведении мышью подтеняется одна картока , значит где то есть. Но найти не могу.

2 ответа

Владимир Сергеев

Разработчик

Решение

1 декабря 2017 00:53

1

Добавьте в блок prostore.user_css следующий код:
Данный код не должен быть обёрнут в {literal} {/literal} теги. В {strip} {/strip} можно.

{$bg_rgb = '255,255,255'}
/* Здесь необходимо указывать цвет в rgb-формате (из-за прозрачности) */
/* #FFFFFF (белый) = rgb(255,255,255) */
/* #hex –> rgba конвертор: https://www.webpagefx.com/web-design/hex-to-rgb/  */

.product-list.list_thumb_static .product,
.product-list.bordered.mini .thumbs_bg .product, 
.product-list.bordered .thumbs_bg .product, .product-list.bordered .thumbs_v2 .product, 
.product-list.list_view .product,
.product-list.table_view .view_class .product {
    background: rgb({$bg_rgb}) !important;
}

.list_thumb_static.fixed_height .product_details::after {
    background: -webkit-linear-gradient(rgba(179,173,173, 0) 0%, rgba({$bg_rgb}, 1) 85%);
    background: -o-linear-gradient(rgba(179,173,173, 0) 0%, rgba({$bg_rgb}, 1) 85%);
    background: linear-gradient(rgba(179,173,173, 0) 0%, rgba({$bg_rgb}, 1) 85%);
}

.product-list.bordered.mini .thumbs_bg .product, 
.product-list.bordered .thumbs_bg .product, .product-list.bordered .thumbs_v2 .product {
    border: none !important;
}

255,255,255 замените на свой код цвета в rgb-формате, если нужен НЕ белый цвет.
255.255.255 – это белый цвет в rgb-формате, в #hex-формате – это #FFFFFF.

Онлайн конвертер #hex в rgb: https://www.webpagefx.com/web-design/hex-to-rgb/

ответить

Добавить ответ

Сергей · Answer 1

Сергей

Решение

1 декабря 2017 07:11

1

спасибо.

ответить