Сообщений в теме: 9

[Давид]

Доброе время суток !
                           Поменял цвет общего фона на черный.. и в развернутом каталоге фон не меняется ?
                           Вопрос :   1- Как это исправить ?
                                            2- Как поменять цвет названия категории в каталоге с зеленого на белый?
Спасибо заранее !

Прикрепленные изображения

• 

[Firefly]

Давид (14 Ноябрь 2015 - 23:49) писал:

Доброе время суток !
   Поменял цвет общего фона на черный.. и в развернутом каталоге фон не меняется ?
   Вопрос :   1- Как это исправить ?
2- Как поменять цвет названия категории в каталоге с зеленого на белый?
Спасибо заранее !

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:

.left-sidebar .block-content li.parent ul,
.left-sidebar .block-content li.parent {
	background-color: white;
}

Замените на:

.left-sidebar .block-content li.parent ul,
.left-sidebar .block-content li.parent {
	/* background-color: white; */
}

Найдите код:

.left-sidebar .block-content li a {
	display: block;
	padding: 6px 9px;
	padding-left: 0%;
	cursor: pointer;
}

Замените на:

.left-sidebar .block-content li a {
	display: block;
	padding: 6px 9px;
	padding-left: 0%;
	cursor: pointer;
	color: #fff;
}

[Давид]

Спасибо большое !

[Pogranets]

Добрый вечер, как поменять фон где картинки в каталоге с черного на белый.

[Pogranets]

И как написать в каталоге под фото название группы?

[Pogranets]

А тут кто то отвечает на просьбы или нет?

[MikDark]

Pogranets (23 Ноябрь 2017 - 21:16) писал:

А тут кто то отвечает на просьбы или нет?

Здравствуйте. Не видим у Вас никакого черного фона, пришлите, пожалуйста, скриншот

[Pogranets]

MikDark (26 Ноябрь 2017 - 19:33) писал:

Здравствуйте. Не видим у Вас никакого черного фона, пришлите, пожалуйста, скриншот

Добрый вечер, мне что бы не подставлять белый фон в ручную, можно его изменить на белый как в карточке товара, который я тоже изменял с черного на белый.

Спасибо

Прикрепленные изображения

• 

[Vaccina]

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:

.categories .item .image {display: table-cell;vertical-align: middle;position: relative;width: 260px;height: 260px;background: #272727;}
.categories .item .image img {display: block;margin: 0 auto;max-width: 100%;}
.categories .item .image:before {content: "";position: absolute;top: 0;bottom: 0;left: 0;right: 100%;-webkit-transition: all 0.2s ease-out 0.3s;-o-transition: all 0.2s ease-out 0.3s;transition: all 0.2s ease-out 0.3s;}
.categories .item:hover .image:before {right: 50%;background-color: #000;opacity: 0.3;z-index: 1;}
.categories .item:hover .image:after {left: 50%;background-color: #000;opacity: 0.3;}
.categories .item .image i {color: #fff;display: block;font-size: 30px;left: 0;right: 0;margin: auto;line-height: 40px;opacity: 0;position: absolute;text-align: center;top: 40%;width: 40px;height: 40px;-webkit-transition: all 0.4s ease 0.3s;-o-transition: all 0.4s ease 0.3s;transition: all 0.4s ease 0.3s;z-index: 2;}
.categories .item:hover .image i {-webkit-transition-delay: 0.6s;transition-delay: 0.6s;opacity: 1;filter: alpha(opacity=100);}
.categories .item .image i:hover {-webkit-animation: 2s linear 1s normal none infinite running spinAround;-o-animation: 2s linear 1s normal none infinite running spinAround;animation: 2s linear 1s normal none infinite running spinAround;}
.categories .item .image:after {content: "";position: absolute;top: 0;bottom: 0;left: 100%;right: 0;-webkit-transition: all 0.2s ease-out 0.3s;-o-transition: all 0.2s ease-out 0.3s;transition: all 0.2s ease-out 0.3s;}
.categories .item .title {background: rgba(255, 255, 255, 0.3);text-transform: uppercase;color: #fff;font-size: 20px;font-weight: bold;display: block;width: 100%;max-width: 260px;max-height: 50px;overflow: hidden;line-height: 50px;}

замените на:

.categories .item .image {display: table-cell;vertical-align: middle;position: relative;width: 260px;height: 260px;}
.categories .item .image img {display: block;margin: 0 auto;max-width: 100%;}
.categories .item .image:before {content: "";position: absolute;top: 0;bottom: 0;left: 0;right: 100%;-webkit-transition: all 0.2s ease-out 0.3s;-o-transition: all 0.2s ease-out 0.3s;transition: all 0.2s ease-out 0.3s;}
.categories .item:hover .image:before {right: 50%;background-color: #000;opacity: 0.3;z-index: 1;}
.categories .item:hover .image:after {left: 50%;background-color: #000;opacity: 0.3;}
.categories .item .image i {color: #fff;display: block;font-size: 30px;left: 0;right: 0;margin: auto;line-height: 40px;opacity: 0;position: absolute;text-align: center;top: 40%;width: 40px;height: 40px;-webkit-transition: all 0.4s ease 0.3s;-o-transition: all 0.4s ease 0.3s;transition: all 0.4s ease 0.3s;z-index: 2;}
.categories .item:hover .image i {-webkit-transition-delay: 0.6s;transition-delay: 0.6s;opacity: 1;filter: alpha(opacity=100);}
.categories .item .image i:hover {-webkit-animation: 2s linear 1s normal none infinite running spinAround;-o-animation: 2s linear 1s normal none infinite running spinAround;animation: 2s linear 1s normal none infinite running spinAround;}
.categories .item .image:after {content: "";position: absolute;top: 0;bottom: 0;left: 100%;right: 0;-webkit-transition: all 0.2s ease-out 0.3s;-o-transition: all 0.2s ease-out 0.3s;transition: all 0.2s ease-out 0.3s;}
.categories .item .title {text-transform: uppercase;color: #272727;font-size: 14px;font-weight: bold;display: block;width: 100%;overflow: hidden;width: 100% !important;}

[Pogranets]

Vaccina (30 Ноябрь 2017 - 02:36) писал:

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:

.categories .item .image {display: table-cell;vertical-align: middle;position: relative;width: 260px;height: 260px;background: #272727;}
.categories .item .image img {display: block;margin: 0 auto;max-width: 100%;}
.categories .item .image:before {content: "";position: absolute;top: 0;bottom: 0;left: 0;right: 100%;-webkit-transition: all 0.2s ease-out 0.3s;-o-transition: all 0.2s ease-out 0.3s;transition: all 0.2s ease-out 0.3s;}
.categories .item:hover .image:before {right: 50%;background-color: #000;opacity: 0.3;z-index: 1;}
.categories .item:hover .image:after {left: 50%;background-color: #000;opacity: 0.3;}
.categories .item .image i {color: #fff;display: block;font-size: 30px;left: 0;right: 0;margin: auto;line-height: 40px;opacity: 0;position: absolute;text-align: center;top: 40%;width: 40px;height: 40px;-webkit-transition: all 0.4s ease 0.3s;-o-transition: all 0.4s ease 0.3s;transition: all 0.4s ease 0.3s;z-index: 2;}
.categories .item:hover .image i {-webkit-transition-delay: 0.6s;transition-delay: 0.6s;opacity: 1;filter: alpha(opacity=100);}
.categories .item .image i:hover {-webkit-animation: 2s linear 1s normal none infinite running spinAround;-o-animation: 2s linear 1s normal none infinite running spinAround;animation: 2s linear 1s normal none infinite running spinAround;}
.categories .item .image:after {content: "";position: absolute;top: 0;bottom: 0;left: 100%;right: 0;-webkit-transition: all 0.2s ease-out 0.3s;-o-transition: all 0.2s ease-out 0.3s;transition: all 0.2s ease-out 0.3s;}
.categories .item .title {background: rgba(255, 255, 255, 0.3);text-transform: uppercase;color: #fff;font-size: 20px;font-weight: bold;display: block;width: 100%;max-width: 260px;max-height: 50px;overflow: hidden;line-height: 50px;}

замените на:

.categories .item .image {display: table-cell;vertical-align: middle;position: relative;width: 260px;height: 260px;}
.categories .item .image img {display: block;margin: 0 auto;max-width: 100%;}
.categories .item .image:before {content: "";position: absolute;top: 0;bottom: 0;left: 0;right: 100%;-webkit-transition: all 0.2s ease-out 0.3s;-o-transition: all 0.2s ease-out 0.3s;transition: all 0.2s ease-out 0.3s;}
.categories .item:hover .image:before {right: 50%;background-color: #000;opacity: 0.3;z-index: 1;}
.categories .item:hover .image:after {left: 50%;background-color: #000;opacity: 0.3;}
.categories .item .image i {color: #fff;display: block;font-size: 30px;left: 0;right: 0;margin: auto;line-height: 40px;opacity: 0;position: absolute;text-align: center;top: 40%;width: 40px;height: 40px;-webkit-transition: all 0.4s ease 0.3s;-o-transition: all 0.4s ease 0.3s;transition: all 0.4s ease 0.3s;z-index: 2;}
.categories .item:hover .image i {-webkit-transition-delay: 0.6s;transition-delay: 0.6s;opacity: 1;filter: alpha(opacity=100);}
.categories .item .image i:hover {-webkit-animation: 2s linear 1s normal none infinite running spinAround;-o-animation: 2s linear 1s normal none infinite running spinAround;animation: 2s linear 1s normal none infinite running spinAround;}
.categories .item .image:after {content: "";position: absolute;top: 0;bottom: 0;left: 100%;right: 0;-webkit-transition: all 0.2s ease-out 0.3s;-o-transition: all 0.2s ease-out 0.3s;transition: all 0.2s ease-out 0.3s;}
.categories .item .title {text-transform: uppercase;color: #272727;font-size: 14px;font-weight: bold;display: block;width: 100%;overflow: hidden;width: 100% !important;}

Спасибо все получилось