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


Цвет Оформления Иконок


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

#1 maximkon89

maximkon89

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

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

Отправлено 29 Октябрь 2015 - 16:00

Хочу поменять цвет иконок, как это сделать?

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

  • Безымянный.jpg


#2 RayLi

RayLi

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

  • Модераторы
  • 2 864 сообщений

Отправлено 29 Октябрь 2015 - 16:17

Просмотр сообщенияmaximkon89 (29 Октябрь 2015 - 16:00) писал:

Хочу поменять цвет иконок, как это сделать?

Здравствуйте.
Сделайте, пожалуйста, следующее:
В шаблоне main.css найдите данный код:

#header #cart .cart_circle {
	display: block;
	width: 36px;
	height: 36px;
	background: url("{ASSETS_IMAGES_PATH}cart_circle.png") 50% 50% no-repeat; 50% 50% no-repeat;
	background-color: #ff0551;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-khtml-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
	position: absolute;
	top: 3px;
	right: 0;
	transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	cursor: pointer;
}

И замените его вот этим вот кодом:

#header #cart .cart_circle {
	display: block;
	width: 36px;
	height: 36px;
	background: url("{ASSETS_IMAGES_PATH}cart_circle.png") 50% 50% no-repeat; 50% 50% no-repeat;
	background-color: #055A3C;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-khtml-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
	position: absolute;
	top: 3px;
	right: 0;
	transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	cursor: pointer;
}


Далее в том же шаблоне найдите следующий код:

.toggler {
	position: absolute;
	display: block;
	width: 25px;
	height: 22px;
	background-color: #ff0551;
	bottom: -22px;
	left: 0;
	text-indent: -9999px;
	cursor: pointer;
	z-index: 1000;
}

И замените его вот этим кодом:

.toggler {
	position: absolute;
	display: block;
	width: 25px;
	height: 22px;
	background-color: #055A3C;
	bottom: -22px;
	left: 0;
	text-indent: -9999px;
	cursor: pointer;
	z-index: 1000;
}


Теперь, снова в том же шаблоне, найдите данный код:

.ui-slider-horizontal .ui-slider-range {
	background: #ff0551;
	border: solid 1px #ff0551;
}

И замените его этим кодом:

.ui-slider-horizontal .ui-slider-range {
	background: #055A3C;
	border: solid 1px #055A3C;
}





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

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