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


Установить Тёмно-Серый Цвет В Товаре


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

#1 Andrew S.

Andrew S.

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

  • Пользователи
  • PipPipPipPip
  • 1 382 сообщений
  • ГородKhabarovsk

Отправлено 30 Январь 2015 - 06:34

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

У всего сайта установилось, а у товаров - нет. Остаётся белый фон:

Tovar3.png

Как бы сделать тёмно-серый такой же:

Tovar4.png

Только у меня он залазит наверх... (

#2 Vaccina

Vaccina

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

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

Отправлено 30 Январь 2015 - 06:45

Попробуйте задать цвет в следующий блок:
body {
	color: #d0d0d2;
	font-size: 14px;
	line-height: 24px;
}

только после него скорее всего придется поправить шапку

#3 Andrew S.

Andrew S.

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

  • Пользователи
  • PipPipPipPip
  • 1 382 сообщений
  • ГородKhabarovsk

Отправлено 30 Январь 2015 - 06:57

Просмотр сообщенияVaccina (30 Январь 2015 - 06:45) писал:

Попробуйте задать цвет в следующий блок:
body {
color: #d0d0d2;
font-size: 14px;
line-height: 24px;
}

только после него скорее всего придется поправить шапку

Не, тут не шапка. С шапкой вроде всё нормально.

Тут вот это:

Tovar5.png
В рамке тоже всё окрасилось.

Хотелось бы, чтобы для фото была своя белая территория:
Tovar6.png

Мелочи потом все постараюсь сам исправить. Хорошо, вроде, получается.

#4 Vaccina

Vaccina

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

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

Отправлено 30 Январь 2015 - 07:52

В main.css найдите:
.bigImages figure {
display: block;
height: 100%;
}
замените на:
.bigImages figure {
display: block;
background: #fff;
height: 100%;
}


#5 Andrew S.

Andrew S.

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

  • Пользователи
  • PipPipPipPip
  • 1 382 сообщений
  • ГородKhabarovsk

Отправлено 30 Январь 2015 - 09:20

Просмотр сообщенияVaccina (30 Январь 2015 - 07:52) писал:

В main.css найдите:
.bigImages figure {
display: block;
height: 100%;
}
замените на:
.bigImages figure {
display: block;
background: #fff;
height: 100%;
}
Спасибо! А как у него этот бордер убрать? В этой части кода он не указан..

#6 Alekseys

Alekseys

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

  • Пользователи
  • PipPipPipPip
  • 2 355 сообщений

Отправлено 30 Январь 2015 - 09:48

Просмотр сообщенияAndrew S. (30 Январь 2015 - 09:20) писал:

Спасибо! А как у него этот бордер убрать? В этой части кода он не указан..
Здравствуйте. Уточните пожалуйста, о каком бордере речь.

#7 Andrew S.

Andrew S.

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

  • Пользователи
  • PipPipPipPip
  • 1 382 сообщений
  • ГородKhabarovsk

Отправлено 30 Январь 2015 - 10:28

Просмотр сообщенияAlekseys (30 Январь 2015 - 09:48) писал:

Здравствуйте. Уточните пожалуйста, о каком бордере речь.
Вокруг фото, в товаре, где фонарь-панда на изображении.

Я убираю ещё все тени - сайт начинает работать гораздо быстрее.

#8 Alekseys

Alekseys

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

  • Пользователи
  • PipPipPipPip
  • 2 355 сообщений

Отправлено 30 Январь 2015 - 10:46

Просмотр сообщенияAndrew S. (30 Январь 2015 - 10:28) писал:

Вокруг фото, в товаре, где фонарь-панда на изображении.

Я убираю ещё все тени - сайт начинает работать гораздо быстрее.
В main.css замените
.productImgBlock {
	border: 1px solid #e2e2e2;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.1);
	-moz-box-shadow: 0 2px 4px rgba(0,0,0,.1);
	box-shadow: 0 2px 4px rgba(0,0,0,.1);
}
на
.productImgBlock {
	/* border: 1px solid #e2e2e2; */
	/* -webkit-border-radius: 2px; */
	/* -moz-border-radius: 2px; */
	/* border-radius: 2px; */
	/* -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.1); */
	/* -moz-box-shadow: 0 2px 4px rgba(0,0,0,.1); */
	/* box-shadow: 0 2px 4px rgba(0,0,0,.1); */
}


#9 Andrew S.

Andrew S.

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

  • Пользователи
  • PipPipPipPip
  • 1 382 сообщений
  • ГородKhabarovsk

Отправлено 30 Январь 2015 - 11:02

Просмотр сообщенияAlekseys (30 Январь 2015 - 10:46) писал:

В main.css замените
.productImgBlock {
border: 1px solid #e2e2e2;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.1);
-moz-box-shadow: 0 2px 4px rgba(0,0,0,.1);
box-shadow: 0 2px 4px rgba(0,0,0,.1);
}
на
.productImgBlock {
/* border: 1px solid #e2e2e2; */
/* -webkit-border-radius: 2px; */
/* -moz-border-radius: 2px; */
/* border-radius: 2px; */
/* -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.1); */
/* -moz-box-shadow: 0 2px 4px rgba(0,0,0,.1); */
/* box-shadow: 0 2px 4px rgba(0,0,0,.1); */
}
Я вот так сделал:
/* .productImgBlock {
	border: 1px solid #e2e2e2;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.1);
	-moz-box-shadow: 0 2px 4px rgba(0,0,0,.1);
	box-shadow: 0 2px 4px rgba(0,0,0,.1);
} */


#10 Alekseys

Alekseys

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

  • Пользователи
  • PipPipPipPip
  • 2 355 сообщений

Отправлено 30 Январь 2015 - 12:00

Просмотр сообщенияAndrew S. (30 Январь 2015 - 11:02) писал:

Я вот так сделал:
/* .productImgBlock {
border: 1px solid #e2e2e2;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.1);
-moz-box-shadow: 0 2px 4px rgba(0,0,0,.1);
box-shadow: 0 2px 4px rgba(0,0,0,.1);
} */
Можно и так.

#11 Andrew S.

Andrew S.

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

  • Пользователи
  • PipPipPipPip
  • 1 382 сообщений
  • ГородKhabarovsk

Отправлено 23 Март 2015 - 12:12

Добрый день!

Людям не понравился тёмный цвет, меняю на светло-серый, но почему-то не могу в товаре заменить бэкграунд (меняется только цвет текста), подскажите как его сменить?

Sv-seryj.png

Цвет ставлю: #EBEBEB

#12 Danil

Danil

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

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 23 Март 2015 - 19:07

Просмотр сообщенияAndrew S. (23 Март 2015 - 12:12) писал:

Добрый день!

Людям не понравился тёмный цвет, меняю на светло-серый, но почему-то не могу в товаре заменить бэкграунд (меняется только цвет текста), подскажите как его сменить?

Прикрепленный файл Sv-seryj.png

Цвет ставлю: #EBEBEB
Здравствуйте.
В main.css найдите код
.sectionblock-inner-content {
  position: relative;
  display: inline-block;
  width: 100%;
  background-color: #231F20;
}
изменяйте цвет #231F20 на свой

#13 Andrew S.

Andrew S.

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

  • Пользователи
  • PipPipPipPip
  • 1 382 сообщений
  • ГородKhabarovsk

Отправлено 23 Март 2015 - 19:30

Просмотр сообщенияDanil (23 Март 2015 - 19:07) писал:

Здравствуйте.
В main.css найдите код
.sectionblock-inner-content {
position: relative;
display: inline-block;
width: 100%;
background-color: #231F20;
}
изменяйте цвет #231F20 на свой

Спасибо! Никак не мог найти этот код.




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

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