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


Помогите Изменить Цвета На Сайте


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

#41 Ingleest

Ingleest

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

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

Отправлено 09 Март 2016 - 19:04

Просмотр сообщенияDanil (09 Март 2016 - 18:50) писал:

Здравствуйте.
В main.css найдите следующие блоки с кодом:
1-2-4-5
body {font-family: PT Sans;font-size: 16px;line-height: 20px;color: #bbb;overflow-x: hidden;position: relative;background-color: #575757;background-image: url("{ASSETS_IMAGES_PATH}bg.png?design=dark");background-attachment: fixed;background-position: center top;margin:0;padding:0;}
3)
#custommenu ul.mainnav li.level0 > a {
display: block;
padding: 5px 12px;
position: relative;
font-size: 16px;
text-transform: uppercase;
line-height: 20px;
color: #fff;
border: 1px solid transparent;
margin: 0 0 10px 0;
}
#custommenu ul.mainnav li.level0 .wrap_submenu .level1 a {
border-bottom: 1px solid #444;
color: #a0a0a0;
display: block;
padding: 8px 15px;
font-size: 14px;
}
4)
.col-left .block-title a:before, .col-left .block-title span:before {content: "";width: 200px;left: 100%;position: absolute;display: block;top: 12px;height: 4px;border-top: 1px solid #d7d7d7;border-bottom: 1px solid #d7d7d7;margin-left: 25px;}
.col-left .block-title a:after, .col-left .block-title span:after {content: "\f005";display: inline-block;font-family: FontAwesome;font-style: normal;font-weight: normal;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;text-align: center;font-size: 10px;position: absolute;left: 100%;top: 9px;width: 20px;margin-left: 5px;color: #cacaca;}
изменяйте цвет у свойства color и border.
6)
.selectBox {
height: 35px;
background: #000000;
border: 1px solid #505050;
color: #fff;
padding: 3px;
}

Ок, увидел, спасибо. А с фоном как мне быть?

#42 Danil

Danil

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

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

Отправлено 09 Март 2016 - 19:15

Просмотр сообщенияIngleest (09 Март 2016 - 19:04) писал:

Ок, увидел, спасибо. А с фоном как мне быть?
В main.css найдите код
#wrapper {
	background: rgba(0, 0, 0, 0.1);
	position: relative;
	z-index: 0;
	min-height: 1000px;
}
и замените на
#wrapper {
	position: relative;
	z-index: 0;
	min-height: 1000px;
}
Так же найдите
body {font-family: PT Sans;font-size: 16px;line-height: 20px;color: #bbb;overflow-x: hidden;position: relative;background-color: #575757;background-image: url("{ASSETS_IMAGES_PATH}bg.png?design=dark");background-attachment: fixed;background-position: center top;margin:0;padding:0;}
и замените на
body {font-family: PT Sans;font-size: 16px;line-height: 20px;color: #bbb;overflow-x: hidden;position: relative;background-color: #FFF;margin:0;padding:0;}


#43 Ingleest

Ingleest

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

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

Отправлено 10 Март 2016 - 18:09

Данил, спасибо. Все получилось.
Мне нужна еще ваша помощь со сменой цвета.
1. В способах доставки при оформлении заказа цвет текста и заливки вокруг флажков
2. В выпадающем меню от иконки корзины - цвет количества товара
3. В уведомлении о добавлении товара в корзину - цвет текста с модификацией, "Общая сумма", "Количество"
4. Там же текст "Перейти к оформлению заказа или продолжить покупки"

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

ИзображениеИзображениеИзображение

Сообщение отредактировал Ingleest: 10 Март 2016 - 18:12


#44 RedHead

RedHead

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

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

Отправлено 10 Март 2016 - 18:33

Просмотр сообщенияIngleest (10 Март 2016 - 18:09) писал:

Данил, спасибо. Все получилось.
Мне нужна еще ваша помощь со сменой цвета.
1. В способах доставки при оформлении заказа цвет текста и заливки вокруг флажков
2. В выпадающем меню от иконки корзины - цвет количества товара
3. В уведомлении о добавлении товара в корзину - цвет текста с модификацией, "Общая сумма", "Количество"
4. Там же текст "Перейти к оформлению заказа или продолжить покупки"
Большое спасибо!

Здравствуйте.
1) В шаблоне main.css замените строку:
.delivery .orderStageDeliveryListTable .cell1 {background: rgba(0, 0, 0, 0.4);padding: 0 5px;}
например на:
.delivery .orderStageDeliveryListTable .cell1 {background: blue;padding: 0 5px;}

строку:
.delivery .orderStageDeliveryListTable .cell2 label span {font-size: 16px;color: #bbb;}
на:
.delivery .orderStageDeliveryListTable .cell2 label span {font-size: 16px;color: blue;}

2) В том же шаблоне строку:
.header-tools .mycart .content .cart_block_list ul.products .cart-block-info .quantity-formated {display: inline-block;color: #9c9b9b;text-transform: uppercase;font-size: 10px;padding-right: 5px;}
на:
.header-tools .mycart .content .cart_block_list ul.products .cart-block-info .quantity-formated {display: inline-block;color:  blue;text-transform: uppercase;font-size: 10px;padding-right: 5px;}

3, 4) Измените значение color в строках:
.cart-ajax .cart-product .cart-product-info .product-name {color: #e4e4e4;}

.fancybox-skin {background: #2a2a2a !important;color: #bbb !important;}


#45 Ingleest

Ingleest

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

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

Отправлено 14 Март 2016 - 12:07

Спасибо большое!
Еще один вопрос: как можно сменить фон для категорий в каталоге? Спасибо.

#46 RedHead

RedHead

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

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

Отправлено 14 Март 2016 - 13:29

Просмотр сообщенияIngleest (14 Март 2016 - 12:07) писал:

Спасибо большое!
Еще один вопрос: как можно сменить фон для категорий в каталоге? Спасибо.

Здравствуйте. Если поняла Вас правильно, то добавьте в конец шаблона main.css строки:

.col-md-9.col-xs-12.col-right {
	background: cornsilk;
	padding: 5px;
}

цвет измените на желаемый.

#47 Ingleest

Ingleest

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

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

Отправлено 14 Март 2016 - 13:58

Просмотр сообщенияRedHead (14 Март 2016 - 13:29) писал:

Здравствуйте. Если поняла Вас правильно, то добавьте в конец шаблона main.css строки:

.col-md-9.col-xs-12.col-right {
background: cornsilk;
padding: 5px;
}

цвет измените на желаемый.

Нет, не это. Извините. Вот это:
Изображение

#48 RedHead

RedHead

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

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

Отправлено 14 Март 2016 - 14:18

Просмотр сообщенияIngleest (14 Март 2016 - 13:58) писал:

Нет, не это. Извините. Вот это:

Тогда в шаблоне main.css в строке:

.categories .item .image {display: table-cell;vertical-align: middle;position: relative;width: 260px;height: 260px;background: #272727;}

замените код цвета background на нужный.

#49 Ingleest

Ingleest

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

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

Отправлено 14 Март 2016 - 14:22

Супер! Есть. Спасибо

#50 Ingleest

Ingleest

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

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

Отправлено 15 Март 2016 - 13:23

Просмотр сообщенияRedHead (10 Декабрь 2015 - 12:31) писал:

далее после строки
/*** Хлебные крошки ***/
вставьте
#breadcrumbs li a span {color: red;}
цвет измените на нужный.

Помогите, пожалуйста, изменить цвет операторов-стрелочек между уровнями вложенности в хлебных крошках. Они цвет не поменяли.

#51 Юля123

Юля123

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

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

Отправлено 15 Март 2016 - 13:30

Просмотр сообщенияIngleest (15 Март 2016 - 13:23) писал:

Помогите, пожалуйста, изменить цвет операторов-стрелочек между уровнями вложенности в хлебных крошках. Они цвет не поменяли.

Здравствуйте, цвет не поменялся потому что это картинка, цвет ее можно поменять только в графическом редакторе (картинка arrow-bread.png). Или же заменить ее на символ ">", чтобы в дальнейшем менять цвет символа, как у текста. Какой вариант Вам подходит больше?

#52 Ingleest

Ingleest

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

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

Отправлено 15 Март 2016 - 13:34

Просмотр сообщенияЮля123 (15 Март 2016 - 13:30) писал:

Здравствуйте, цвет не поменялся потому что это картинка, цвет ее можно поменять только в графическом редакторе (картинка arrow-bread.png). Или же заменить ее на символ ">", чтобы в дальнейшем менять цвет символа, как у текста. Какой вариант Вам подходит больше?
Картинку проще. Я ведь могу ее поменять сам? Какого она должна быть размера? Я хочу двойную стрелочку поставить

Сообщение отредактировал Ingleest: 15 Март 2016 - 13:37


#53 Юля123

Юля123

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

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

Отправлено 15 Март 2016 - 13:38

Просмотр сообщенияIngleest (15 Март 2016 - 13:34) писал:

Картинку проще. Я ведь могу ее поменять сам?

Да, конечно.

#54 Ingleest

Ingleest

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

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

Отправлено 16 Март 2016 - 03:49

Вакцина, скажи, пожалуйста, как изменить цвет названий категорий товара в каталоге, когда категории плитками показаны. Названия категорий крупно под изображением белым цветом. Они у меня не видны :-(
И цвет рамочки категории, пожалуйста!

Сообщение отредактировал Ingleest: 16 Март 2016 - 03:55


#55 Vaccina

Vaccina

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

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

Отправлено 16 Март 2016 - 04:06

В main.css найдите:
.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;
}

измените значение стиля color


Для отображение рамки у категорий в main.css найдите:
.categories .item {
	text-align: center;
	margin-bottom: 20px;
}

замените на:
.categories .item {
	text-align: center;
	margin-bottom: 20px;
	border: 1px solid #000;
}


#56 Ingleest

Ingleest

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

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

Отправлено 17 Март 2016 - 14:17

Просмотр сообщенияVaccina (16 Март 2016 - 04:06) писал:

В main.css найдите:
Спасибо

#57 Ingleest

Ingleest

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

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

Отправлено 17 Март 2016 - 14:25

Помогите, пожалуйста, найти где изменить цвет:
1. Цвет слова "каталог" в хлебных крошках изменяется отдельно, не могу найти, где.
2. Цвет выбора способа отображения товаров в каталоге не могу найти, где изменить (сверху и снизу).
3. Цвет номеров страниц каталога.

#58 Юля123

Юля123

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

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

Отправлено 17 Март 2016 - 14:40

Просмотр сообщенияIngleest (17 Март 2016 - 14:25) писал:

<p>Помогите, пожалуйста, найти где изменить цвет:<br />
1. Цвет слова &quot;каталог&quot; в хлебных крошках изменяется отдельно, не могу найти, где.<br />
2. Цвет выбора способа отображения товаров в каталоге не могу найти, где изменить (сверху и снизу).<br />
3. Цвет номеров страниц каталога.</p>
<ul class="bbcol decimal">
<li><img src="http://design.britis...h.ee/cvet7.jpg" /><br />
</li>
<li><img src="http://design.britis...h.ee/cvet8.jpg" /><br />
</li>
<li><img src="http://design.britis...h.ee/cvet9.jpg" /></li>
</ul>


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

1) у Вас отдельно меняется цвет не  слова каталог, а у последнего элемента в хлебных крошках. Пример:

QIP Shot - Screen 231.png

цвета элементов кроме последнего можно изменить в main.css :

#breadcrumbs li a span {
	color: black;
}

Чтобы изменить цвет последнего элемента (текущей страницы), в main.css найдите код:

.breadcrumbs li {display: inline-block;padding: 0 15px 0 20px;background: url("{ASSETS_IMAGES_PATH}arrow-bread.png?design=dark") no-repeat left center;}

и замените на код:

.breadcrumbs li {display: inline-block;padding: 0 15px 0 20px;background: url("{ASSETS_IMAGES_PATH}arrow-bread.png?design=dark") no-repeat left center;color:#цвет;}

"Цвет"  - меняйте на нужное значение.

2) В main.css код:

.view-mode .grid:before {content: "\f00a";}
.view-mode .list:before {content: "\f0ca";}

замените на код:
.view-mode .grid:before {content: "\f00a";color:цвет;}
.view-mode .list:before {content: "\f0ca";color:цвет;}

"Цвет"  - меняйте на нужное значение.


3) В main.css найдите код:

.pages li a, .pages li span {min-width: 26px;height: 26px;border-radius: 13px;line-height: 24px;text-align: center;padding: 0 5px;color: #545454;background: #2a2a2a;position: relative;float: left;text-decoration: none;border: 1px solid #505050;margin-left: -1px;}
.pages li a:hover, .pages li.current span {background-color: #707070;border-color: #707070;color: #fff;}

в первой строке background - цвет фона номера страницы, color - цвет текста, 505050 - цвет рамки

во второй строке тоже самое, только для текущего номера страницы, а также поведение номера при наведении на него. Значения меняйте на нужные Вам.

#59 Ingleest

Ingleest

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

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

Отправлено 23 Апрель 2016 - 08:01

Просмотр сообщенияЮля123 (17 Март 2016 - 14:40) писал:

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

1) у Вас отдельно меняется цвет не  слова каталог, а у последнего элемента в хлебных крошках. Пример:

Прикрепленный файл QIP Shot - Screen 231.png

цвета элементов кроме последнего можно изменить в main.css :

#breadcrumbs li a span {
color: black;
}

Чтобы изменить цвет последнего элемента (текущей страницы), в main.css найдите код:

.breadcrumbs li {display: inline-block;padding: 0 15px 0 20px;background: url("{ASSETS_IMAGES_PATH}arrow-bread.png?design=dark") no-repeat left center;}

и замените на код:

.breadcrumbs li {display: inline-block;padding: 0 15px 0 20px;background: url("{ASSETS_IMAGES_PATH}arrow-bread.png?design=dark") no-repeat left center;color:#цвет;}

"Цвет"  - меняйте на нужное значение.

2) В main.css код:

.view-mode .grid:before {content: "\f00a";}
.view-mode .list:before {content: "\f0ca";}

замените на код:
.view-mode .grid:before {content: "\f00a";color:цвет;}
.view-mode .list:before {content: "\f0ca";color:цвет;}

"Цвет"  - меняйте на нужное значение.


3) В main.css найдите код:

.pages li a, .pages li span {min-width: 26px;height: 26px;border-radius: 13px;line-height: 24px;text-align: center;padding: 0 5px;color: #545454;background: #2a2a2a;position: relative;float: left;text-decoration: none;border: 1px solid #505050;margin-left: -1px;}
.pages li a:hover, .pages li.current span {background-color: #707070;border-color: #707070;color: #fff;}

в первой строке background - цвет фона номера страницы, color - цвет текста, 505050 - цвет рамки

во второй строке тоже самое, только для текущего номера страницы, а также поведение номера при наведении на него. Значения меняйте на нужные Вам.

Забыл сказать СПАСИБО! :-)

У меня такая проблема: не изменился цвет последнего элемента хлебных крошек в Страницах. Где-то это отдельно нужно переключить. Помогите, пожалуйста.

#60 RedHead

RedHead

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

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

Отправлено 23 Апрель 2016 - 12:20

Просмотр сообщенияIngleest (23 Апрель 2016 - 08:01) писал:

Забыл сказать СПАСИБО! :-)

У меня такая проблема: не изменился цвет последнего элемента хлебных крошек в Страницах. Где-то это отдельно нужно переключить. Помогите, пожалуйста.

Здравствуйте. В шаблоне main.css найдите строку:

.breadcrumbs li strong {color: #fff;}
после нее вставьте:
.breadcrumbs li {color: #000;}





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

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