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


Нужна Помощь По Цвету


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

#1 Nikitos9000

Nikitos9000

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

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

Отправлено 18 Февраль 2016 - 16:07

Помогите разобраться где менять цвета обозначил цифрами . В корзине не видно суммы .Заранее спасибо

Во еще

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

  • 11.png
  • 22.png
  • 333.png


#2 Юля123

Юля123

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

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

Отправлено 18 Февраль 2016 - 16:23

 Nikitos9000 (18 Февраль 2016 - 16:07) писал:

Помогите разобраться где менять цвета обозначил цифрами . В корзине не видно суммы .Заранее спасибо

Во еще

Здравствуйте, в main.css найдите код:

1)
.catalogList strong a {
	color: #34495e;
}

меняйте значение на нужное Вам.

2,4,5) найдите код:

a {
	color: #16a085;
	text-decoration: none;
	-webkit-transition: 0.25s;
	transition: 0.25s;
}

у свойства color меняйте значение на нужное Вам.

3) найдите код:

.basket .num {
	color: #404040;
	font-weight: 800;
}

у свойства color меняйте значение на нужное Вам.


Если Вам так же нужно изменить цвет номера телефона, то найдите код:

#contactShow a {
	color: #34495e;
}

и тоже меняйте значение на нужное Вам.

#3 Nikitos9000

Nikitos9000

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

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

Отправлено 19 Февраль 2016 - 09:21

 Юля123 (18 Февраль 2016 - 16:23) писал:

Здравствуйте, в main.css найдите код:

1)
.catalogList strong a {
color: #34495e;
}

меняйте значение на нужное Вам.

2,4,5) найдите код:

a {
color: #16a085;
text-decoration: none;
-webkit-transition: 0.25s;
transition: 0.25s;
}

у свойства color меняйте значение на нужное Вам.

3) найдите код:

.basket .num {
color: #404040;
font-weight: 800;
}

у свойства color меняйте значение на нужное Вам.


Если Вам так же нужно изменить цвет номера телефона, то найдите код:

#contactShow a {
color: #34495e;
}

и тоже меняйте значение на нужное Вам.
Спасибо  всё получилось!!!!

#4 Nikitos9000

Nikitos9000

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

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

Отправлено 19 Февраль 2016 - 10:04

 Nikitos9000 (19 Февраль 2016 - 09:21) писал:

Спасибо  всё получилось!!!!
Еще один вопрос , теперь нужно поменять либо цвет фона в боковой корзине ,либо цвет шрифта , т.к. не видно "Цену" товара в корзине и "Итого:"

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

  • 555.png


#5 RedHead

RedHead

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

  • Модераторы
  • 1 052 сообщений

Отправлено 19 Февраль 2016 - 10:19

 Nikitos9000 (19 Февраль 2016 - 10:04) писал:

Еще один вопрос , теперь нужно поменять либо цвет фона в боковой корзине ,либо цвет шрифта , т.к. не видно "Цену" товара в корзине и "Итого:"

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

1) Чтобы изменить фон.

В шаблоне main.css замените строки:
.homePageListCart .products dt {
	display: inline-block;
	float: left;
	margin: 5px 0px;
	padding: 2px 5px;
	width: 96%;
	border-radius: 3px;
	background-color: WHITE;
}
например на:
.homePageListCart .products dt {
	display: inline-block;
	float: left;
	margin: 5px 0px;
	padding: 2px 5px;
	width: 96%;
	border-radius: 3px;
	background-color: gray;
}
Цвет замените на желаемый.

2) Чтобы изменить цвет шрифта, в том же шаблоне замените строки:
.homePageListCart #cartPrices > div {
	float: left;
	width: 100%;
}
на:
.homePageListCart #cartPrices > div {
	float: left;
	width: 100%;
	color: black;
}

строки:
.homePageListCart .cartCountBlock span {
	font-weight: bold;
}
на:
.homePageListCart .cartCountBlock span {
	font-weight: bold;
	color: black;
}

Цвет линии между названием товара и ценой:
строки
.homePageListCart .cartLine {
	width: 100%;
	border-bottom: 1px solid white;
}
заменить на:
.homePageListCart .cartLine {
	width: 100%;
	border-bottom: 1px solid black;
}

затем строки:
.homePageListCart .cartCountBlock {
	width: 13%;
	padding: 2px 0px;
	padding-right: 4px;
}
заменить на:
.homePageListCart .cartCountBlock {
	width: 13%;
	padding: 2px 0px;
	padding-right: 4px;
	color: black;
}
.cartPriceBlock{color: black;}

Черный цвет везде замените на нужный.

#6 Nikitos9000

Nikitos9000

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

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

Отправлено 19 Февраль 2016 - 10:19

 Nikitos9000 (19 Февраль 2016 - 10:04) писал:

Еще один вопрос , теперь нужно поменять либо цвет фона в боковой корзине ,либо цвет шрифта , т.к. не видно "Цену" товара в корзине и "Итого:"
Всё разобрался сам!!!

#7 Nikitos9000

Nikitos9000

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

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

Отправлено 19 Февраль 2016 - 11:22

 RedHead (19 Февраль 2016 - 10:19) писал:

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

1) Чтобы изменить фон.

В шаблоне main.css замените строки:
.homePageListCart .products dt {
display: inline-block;
float: left;
margin: 5px 0px;
padding: 2px 5px;
width: 96%;
border-radius: 3px;
background-color: WHITE;
}
например на:
.homePageListCart .products dt {
display: inline-block;
float: left;
margin: 5px 0px;
padding: 2px 5px;
width: 96%;
border-radius: 3px;
background-color: gray;
}
Цвет замените на желаемый.

2) Чтобы изменить цвет шрифта, в том же шаблоне замените строки:
.homePageListCart #cartPrices > div {
float: left;
width: 100%;
}
на:
.homePageListCart #cartPrices > div {
float: left;
width: 100%;
color: black;
}

строки:
.homePageListCart .cartCountBlock span {
font-weight: bold;
}
на:
.homePageListCart .cartCountBlock span {
font-weight: bold;
color: black;
}

Цвет линии между названием товара и ценой:
строки
.homePageListCart .cartLine {
width: 100%;
border-bottom: 1px solid white;
}
заменить на:
.homePageListCart .cartLine {
width: 100%;
border-bottom: 1px solid black;
}

затем строки:
.homePageListCart .cartCountBlock {
width: 13%;
padding: 2px 0px;
padding-right: 4px;
}
заменить на:
.homePageListCart .cartCountBlock {
width: 13%;
padding: 2px 0px;
padding-right: 4px;
color: black;
}
.cartPriceBlock{color: black;}

Черный цвет везде замените на нужный.

Спасибо .
Еще вопрос))))) При добавления виджета ВК Слайдер сползает  вниз , когда удаляю - всё становится обратно. Как исправить.

виджет вставил в HTML после строк  </div><!-- .left-sidebar -->

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

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


#8 Firefly

Firefly

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

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

Отправлено 19 Февраль 2016 - 11:50

 Nikitos9000 (19 Февраль 2016 - 11:22) писал:

Спасибо .
Еще вопрос))))) При добавления виджета ВК Слайдер сползает  вниз , когда удаляю - всё становится обратно. Как исправить.

виджет вставил в HTML после строк  </div><!-- .left-sidebar -->

Здравствуйте.
Внесли Вам изменения.
Перенесли код виджета выше на 2 закрывающихся </div>, а так же добавили отступ 25px.

#9 Nikitos9000

Nikitos9000

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

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

Отправлено 19 Февраль 2016 - 14:25

 Firefly (19 Февраль 2016 - 11:50) писал:

Здравствуйте.
Внесли Вам изменения.
Перенесли код виджета выше на 2 закрывающихся </div>, а так же добавили отступ 25px.
Блин я всё испортил сорри , внесите изменения еще раз пожалуйста .
П.С. просто я думал буду вносить изменения сам и корректировал в то время , когда вы вносили изменения .

#10 Юля123

Юля123

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

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

Отправлено 19 Февраль 2016 - 14:46

 Nikitos9000 (19 Февраль 2016 - 14:25) писал:

Блин я всё испортил сорри , внесите изменения еще раз пожалуйста .
П.С. просто я думал буду вносить изменения сам и корректировал в то время , когда вы вносили изменения .

Изменения Вам произвели. На всякий случай пропишу подробнее инструкцию.

В конце main.css  добавили код:

div#vk_groups {
	margin-top: 25px;
}


В шаблоне HTML код:

					</div>
				</div><!-- .left-sidebar -->
<!-- VK Widget -->
<div id="vk_groups"></div>
<script type="text/javascript">
VK.Widgets.Group("vk_groups", {mode: 2, width: "260", height: "280"}, 17417065);
</script>

заменили на код:
<!-- VK Widget -->
<div id="vk_groups"></div>
<script type="text/javascript">
VK.Widgets.Group("vk_groups", {mode: 2, width: "260", height: "280"}, 17417065);
</script>
					</div>
				</div><!-- .left-sidebar -->


#11 Nikitos9000

Nikitos9000

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

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

Отправлено 19 Февраль 2016 - 14:57

 Юля123 (19 Февраль 2016 - 14:46) писал:

Изменения Вам произвели. На всякий случай пропишу подробнее инструкцию.

В конце main.css  добавили код:

div#vk_groups {
margin-top: 25px;
}


В шаблоне HTML код:

</div>
</div><!-- .left-sidebar -->
<!-- VK Widget -->
<div id="vk_groups"></div>
<script type="text/javascript">
VK.Widgets.Group("vk_groups", {mode: 2, width: "260", height: "280"}, 17417065);
</script>

заменили на код:
<!-- VK Widget -->
<div id="vk_groups"></div>
<script type="text/javascript">
VK.Widgets.Group("vk_groups", {mode: 2, width: "260", height: "280"}, 17417065);
</script>
				 </div>
			 </div><!-- .left-sidebar -->
Большое спасибо!!!!

#12 Nikitos9000

Nikitos9000

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

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

Отправлено 22 Февраль 2016 - 18:15

Всё почти готово , но есть еще несколько вопросов
1) нужно перенести кнопку "В КОРЗИНУ) под кнопку ( кол-во)
2) не могу найти где поменять цвет текста в подробном описании товара
3)В карточке товара название товара каждое слово пишется с загловной буквы, как исправить?
Заранее спасибо

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

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


#13 RayLi

RayLi

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

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

Отправлено 22 Февраль 2016 - 18:32

 Nikitos9000 (22 Февраль 2016 - 18:15) писал:

Всё почти готово , но есть еще несколько вопросов
1) нужно перенести кнопку "В КОРЗИНУ) под кнопку ( кол-во)
2) не могу найти где поменять цвет текста в подробном описании товара
3)В карточке товара название товара каждое слово пишется с загловной буквы, как исправить?
Заранее спасибо

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

.htmlDataBlock span {
color: #fff !important;
}


После этого в шаблоне man.css найдите, пожалуйста, следующий код:

.title h4 {
margin-bottom: 3px;
height: 43px;
text-transform: capitalize;
}

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

.title h4 {
margin-bottom: 3px;
height: 43px;
}


#14 Nikitos9000

Nikitos9000

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

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

Отправлено 22 Февраль 2016 - 18:50

 RayLi (22 Февраль 2016 - 18:32) писал:

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

.htmlDataBlock span {
color: #fff !important;
}


После этого в шаблоне man.css найдите, пожалуйста, следующий код:

.title h4 {
margin-bottom: 3px;
height: 43px;
text-transform: capitalize;
}

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

.title h4 {
margin-bottom: 3px;
height: 43px;
}
спасибо , а как быть с кнопкой "В корзину"?

#15 RedHead

RedHead

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

  • Модераторы
  • 1 052 сообщений

Отправлено 23 Февраль 2016 - 09:39

 Nikitos9000 (22 Февраль 2016 - 18:50) писал:

спасибо , а как быть с кнопкой "В корзину"?

Здравствуйте. В шаблоне main.css, замените строки:
.block.buttonToCart ul li {
	display: inline-block;
}
на:
.block.buttonToCart ul li {
	display: block;
}
затем строки:
.block.buttonToCart ul .goodsPageSubmitButtonBlock {
	width: 25%;
	min-width: 100px;
	text-align: right;
}
замените на:
.block.buttonToCart ul .goodsPageSubmitButtonBlock {
	width: 25%;
	text-align: right;
}

и, наконец, строки:
.block.buttonToCart ul .tovarCount {
	display: inline-block;
	float: left;
	padding-right: 0%;
	width: 39%;
	min-width: 168px;
	text-align: right;
}
замените на:
.block.buttonToCart ul .tovarCount {
	display: inline-block;
	float: left;
	padding-right: 0%;
	width: 39%;
	min-width: 168px;
	text-align: right;
	margin-bottom: 20px;
}


#16 Nikitos9000

Nikitos9000

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

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

Отправлено 23 Февраль 2016 - 10:43

 RedHead (23 Февраль 2016 - 09:39) писал:

Здравствуйте. В шаблоне main.css, замените строки:
.block.buttonToCart ul li {
display: inline-block;
}
на:
.block.buttonToCart ul li {
display: block;
}
затем строки:
.block.buttonToCart ul .goodsPageSubmitButtonBlock {
width: 25%;
min-width: 100px;
text-align: right;
}
замените на:
.block.buttonToCart ul .goodsPageSubmitButtonBlock {
width: 25%;
text-align: right;
}

и, наконец, строки:
.block.buttonToCart ul .tovarCount {
display: inline-block;
float: left;
padding-right: 0%;
width: 39%;
min-width: 168px;
text-align: right;
}
замените на:
.block.buttonToCart ul .tovarCount {
display: inline-block;
float: left;
padding-right: 0%;
width: 39%;
min-width: 168px;
text-align: right;
margin-bottom: 20px;
}
спасибо, всё получилось!!!!

#17 artecards

artecards

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

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

Отправлено 09 Август 2016 - 08:13

Добрый день!  
помогите пожалуйста поменять цвет одной из категорий товара: (см. вложенную картинку)

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

  • новинки.jpg


#18 Stasya

Stasya

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

  • Модератоpы
  • 4 007 сообщений

Отправлено 09 Август 2016 - 16:17

 artecards (09 Август 2016 - 08:13) писал:

Добрый день!  
помогите пожалуйста поменять цвет одной из категорий товара: (см. вложенную картинку)

В конец файла main.css добавьте строку
.accordion li:last-child a{color:#ff0000}

здесь #ff0000 Вы можете заменить на тот цвет который Вам больше нравится. Код цвета Вы можете взять здесь

#19 artecards

artecards

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

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

Отправлено 10 Август 2016 - 05:11

 Stasya (09 Август 2016 - 16:17) писал:

В конец файла main.css добавьте строку
.accordion li:last-child a{color:#ff0000}

здесь #ff0000 Вы можете заменить на тот цвет который Вам больше нравится. Код цвета Вы можете взять здесь

Огромное спасибо!

#20 artecards

artecards

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

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

Отправлено 13 Август 2016 - 15:51

 Stasya (09 Август 2016 - 16:17) писал:

В конец файла main.css добавьте строку
.accordion li:last-child a{color:#ff0000}

здесь #ff0000 Вы можете заменить на тот цвет который Вам больше нравится. Код цвета Вы можете взять здесь

Добрый день!
Нужный цвет категории "Новинки" получен, но вместе с ним сменили цвет все последние строчки других категорий.
как исправить? (см. вложение)

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

  • ооо.jpg





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

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