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


Изменить Цвет Описания Товара

цвет описание товар страница

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

#1 Константин1111

Константин1111

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

  • Пользователи
  • PipPipPip
  • 192 сообщений
  • ГородКраснодар

Отправлено 07 Октябрь 2014 - 09:49

На странице товара в блоке сопутствующих товаров, описание самого товара сейчас черного цвета, как изменить на белый и немного увеличить, это же касается и отзывов о товаре.. Скрин прилагаю

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

  • Захват области.jpg


#2 RayLi

RayLi

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

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

Отправлено 07 Октябрь 2014 - 10:02

Просмотр сообщенияКонстантин1111 (07 Октябрь 2014 - 09:49) писал:

На странице товара в блоке сопутствующих товаров, описание самого товара сейчас черного цвета, как изменить на белый и немного увеличить, это же касается и отзывов о товаре.. Скрин прилагаю
Здравствуйте.
Вставьте два кода:
Первый:
p.product_name.flex-caption a {
color: #fff;
}
И второй:
.rating a {
color: #fff;
}
в шаблон style.css

#3 Константин1111

Константин1111

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

  • Пользователи
  • PipPipPip
  • 192 сообщений
  • ГородКраснодар

Отправлено 07 Октябрь 2014 - 10:21

Просмотр сообщенияRayLi (07 Октябрь 2014 - 10:02) писал:

Здравствуйте.
Вставьте два код:
Первый:
p.product_name.flex-caption a {
color: #fff;
}
И второй:
.rating a {
color: #fff;
}
в шаблон style.css
Спасибо за оперативность, помогло

#4 Константин1111

Константин1111

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

  • Пользователи
  • PipPipPip
  • 192 сообщений
  • ГородКраснодар

Отправлено 10 Октябрь 2014 - 16:40

Просмотр сообщенияRayLi (07 Октябрь 2014 - 10:02) писал:

Здравствуйте.
Вставьте два кода:
Первый:
p.product_name.flex-caption a {
color: #fff;
}
И второй:
.rating a {
color: #fff;
}
в шаблон style.css
Аналогичная проблема в другом разделе сайта на странице выдачи товара... Скрин прилагаю

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

  • Захват области.jpg


#5 RayLi

RayLi

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

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

Отправлено 10 Октябрь 2014 - 17:15

Просмотр сообщенияКонстантин1111 (10 Октябрь 2014 - 16:40) писал:

Аналогичная проблема в другом разделе сайта на странице выдачи товара... Скрин прилагаю
Здравствуйте.
1.Для начала найдите код в шаблоне style.css :
label {
margin-top: 10px!important;
display: inline-block;

vertical-align: top\0/;
}
И замените его на следующий код:
label {
margin-top: 10px!important;
display: inline-block;
color: #fff;
font-size: medium;

vertical-align: top\0/;
}
2.Затем ищем второй код:
label {
margin-top: 10px!important;
display: inline-block;

vertical-align: top\0/;
}
Замените его следующим кодом:
label {
margin-top: 10px!important;
display: inline-block;
color: #fff;
font-size: medium;

vertical-align: top\0/;
}
3.Идём дальше и ищем третий код:
element.style {
float: left;
line-height: 35px;
}
И заменяем его данным кодом:
element.style {
float: left;
color: #fff;
font-size: medium;
line-height: 35px;
}
4.Теперь ищем четвёртый код:
element.style {
float: left;
line-height: 35px;
}
И заменяем кодом ниже:
element.style {
float: left;
color: #fff;
font-size: medium;
line-height: 35px;
}
5.И теперь, ищем пятый код:
.filter > div {
zoom: 1;
}
И заменяем его этим кодом:
.filter > div {
zoom: 1;
color: #fff;
font-size: larger;
}
Все изменения производятся в шаблоне style.css.

#6 Константин1111

Константин1111

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

  • Пользователи
  • PipPipPip
  • 192 сообщений
  • ГородКраснодар

Отправлено 11 Октябрь 2014 - 10:35

Просмотр сообщенияRayLi (10 Октябрь 2014 - 17:15) писал:

Здравствуйте.
1.Для начала найдите код в шаблоне style.css :
label {
margin-top: 10px!important;
display: inline-block;

vertical-align: top\0/;
}
И замените его на следующий код:
label {
margin-top: 10px!important;
display: inline-block;
color: #fff;
font-size: medium;

vertical-align: top\0/;
}
2.Затем ищем второй код:
label {
margin-top: 10px!important;
display: inline-block;

vertical-align: top\0/;
}
Замените его следующим кодом:
label {
margin-top: 10px!important;
display: inline-block;
color: #fff;
font-size: medium;

vertical-align: top\0/;
}
3.Идём дальше и ищем третий код:
element.style {
float: left;
line-height: 35px;
}
И заменяем его данным кодом:
element.style {
float: left;
color: #fff;
font-size: medium;
line-height: 35px;
}
4.Теперь ищем четвёртый код:
element.style {
float: left;
line-height: 35px;
}
И заменяем кодом ниже:
element.style {
float: left;
color: #fff;
font-size: medium;
line-height: 35px;
}
5.И теперь, ищем пятый код:
.filter > div {
zoom: 1;
}
И заменяем его этим кодом:
.filter > div {
zoom: 1;
color: #fff;
font-size: larger;
}
Все изменения производятся в шаблоне style.css.
1 и 1 код мне кажется одинаковый   , 3,4,5 код в шаблоне css не нашел

#7 Dars

Dars

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

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

Отправлено 11 Октябрь 2014 - 11:06

Просмотр сообщенияКонстантин1111 (11 Октябрь 2014 - 10:35) писал:

1 и 1 код мне кажется одинаковый   , 3,4,5 код в шаблоне css не нашел
В style.css:

1. Добавьте строку:

.OrderFilterForm strong {color:white; font-size:14px; font-weight:bold;}

14 - размер шрифта, можете изменить на подходящий вам.

2. Найдите строку:

.filter > div {*position: relative;*display: inline;zoom: 1;*vertical-align: top;*overflow: hidden;*text-align:left;}

и замените её на:

.filter > div {*position: relative;*display: inline;zoom: 1;*vertical-align: top;*overflow: hidden;*text-align:left; color:white; font-size:14px; font-weight:bold;}

С размером шрифта аналогично первому пункту.

#8 Константин1111

Константин1111

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

  • Пользователи
  • PipPipPip
  • 192 сообщений
  • ГородКраснодар

Отправлено 11 Октябрь 2014 - 12:41

Просмотр сообщенияDars (11 Октябрь 2014 - 11:06) писал:

В style.css:

1. Добавьте строку:

.OrderFilterForm strong {color:white; font-size:14px; font-weight:bold;}

14 - размер шрифта, можете изменить на подходящий вам.

2. Найдите строку:

.filter > div {*position: relative;*display: inline;zoom: 1;*vertical-align: top;*overflow: hidden;*text-align:left;}

и замените её на:

.filter > div {*position: relative;*display: inline;zoom: 1;*vertical-align: top;*overflow: hidden;*text-align:left; color:white; font-size:14px; font-weight:bold;}

С размером шрифта аналогично первому пункту.
Спасибо, помогло

#9 Константин1111

Константин1111

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

  • Пользователи
  • PipPipPip
  • 192 сообщений
  • ГородКраснодар

Отправлено 16 Октябрь 2014 - 16:34

Просмотр сообщенияDars (11 Октябрь 2014 - 11:06) писал:

В style.css:

1. Добавьте строку:

.OrderFilterForm strong {color:white; font-size:14px; font-weight:bold;}

14 - размер шрифта, можете изменить на подходящий вам.

2. Найдите строку:

.filter > div {*position: relative;*display: inline;zoom: 1;*vertical-align: top;*overflow: hidden;*text-align:left;}

и замените её на:

.filter > div {*position: relative;*display: inline;zoom: 1;*vertical-align: top;*overflow: hidden;*text-align:left; color:white; font-size:14px; font-weight:bold;}

С размером шрифта аналогично первому пункту.
Аналогичная ситуация с формой быстрого заказа, буквы сливаются с фоном , как исправить?

#10 Danil

Danil

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

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

Отправлено 16 Октябрь 2014 - 16:40

Просмотр сообщенияКонстантин1111 (16 Октябрь 2014 - 16:34) писал:

Аналогичная ситуация с формой быстрого заказа, буквы сливаются с фоном , как исправить?
В шаблоне style.css найдите код
#quickform label {
margin-top: 0 !important;
}
И замените на
#quickform label {
margin-top: 0 !important;
color:#F00
}
Найдите код
.delivery_options_title, .payment_options_title {
display: block;
background: #fafafa;
color: #FFFFFF;
font-weight: 600;
text-shadow: none;
border-bottom: 1px solid #c0c0c0;
padding: 0 15px;
height: 45px;
line-height: 45px;
font-size: 14px;
}
Во всех приведенных кодах изменяйте color

#11 Константин1111

Константин1111

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

  • Пользователи
  • PipPipPip
  • 192 сообщений
  • ГородКраснодар

Отправлено 16 Октябрь 2014 - 16:54

Просмотр сообщенияDanil (16 Октябрь 2014 - 16:40) писал:

В шаблоне style.css найдите код
#quickform label {
margin-top: 0 !important;
}
И замените на
#quickform label {
margin-top: 0 !important;
color:#F00
}
Найдите код
.delivery_options_title, .payment_options_title {
display: block;
background: #fafafa;
color: #FFFFFF;
font-weight: 600;
text-shadow: none;
border-bottom: 1px solid #c0c0c0;
padding: 0 15px;
height: 45px;
line-height: 45px;
font-size: 14px;
}
Во всех приведенных кодах изменяйте color
#quickform label не найду

#12 Danil

Danil

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

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

Отправлено 16 Октябрь 2014 - 16:57

Просмотр сообщенияКонстантин1111 (16 Октябрь 2014 - 16:54) писал:

#quickform label не найду
Найдите код в style.css и измените цвет в нем
label {
margin-top: 10px!important;
display: inline-block;
color: #fff;
font-size: medium;
vertical-align: top\0/;
}






Темы с аналогичным тегами цвет, описание, товар, страница

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

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