Перейти к содержимому


Задний Фон В Каталоге


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 9

#1 Давид

Давид

    Пользователь

  • Пользователи
  • PipPip
  • 49 сообщений

Отправлено 14 Ноябрь 2015 - 23:49

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

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

  • 5555.jpg


#2 Firefly

Firefly

    Активный участник

  • Модераторы
  • 3 810 сообщений

Отправлено 15 Ноябрь 2015 - 09:57

Просмотр сообщенияДавид (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;
}


#3 Давид

Давид

    Пользователь

  • Пользователи
  • PipPip
  • 49 сообщений

Отправлено 16 Ноябрь 2015 - 21:35

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

#4 Pogranets

Pogranets

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 132 сообщений

Отправлено 21 Ноябрь 2017 - 22:06

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

#5 Pogranets

Pogranets

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 132 сообщений

Отправлено 21 Ноябрь 2017 - 22:12

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

#6 Pogranets

Pogranets

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 132 сообщений

Отправлено 23 Ноябрь 2017 - 21:16

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

#7 MikDark

MikDark

    Активный участник

  • Модераторы
  • 6 468 сообщений

Отправлено 26 Ноябрь 2017 - 19:33

Просмотр сообщенияPogranets (23 Ноябрь 2017 - 21:16) писал:

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

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

#8 Pogranets

Pogranets

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 132 сообщений

Отправлено 26 Ноябрь 2017 - 23:37

Просмотр сообщенияMikDark (26 Ноябрь 2017 - 19:33) писал:

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


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

Спасибо

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

  • задний фон.jpg


#9 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 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;}


#10 Pogranets

Pogranets

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 132 сообщений

Отправлено 02 Декабрь 2017 - 13:59

Просмотр сообщения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;}

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




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных