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


Поменять Цвет Шрифтов


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

#1 zoovmeste

zoovmeste

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

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

Отправлено 20 Январь 2017 - 15:50

Здравствуйте, АК SL-405994
Сайт http://mogway.storeland.ru
Подскажите:

1) как изменить цвет шрифта под синей стрелкой?
2) как изменить цвет шрифта под красной стрелкой?
3) как изменить текст под красной стрелкой?
4) при наведении курсора на иконки, текст под ними исчезает, нужно чтобы не исчезал

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

  • 029.jpg


#2 Mr.Nito

Mr.Nito

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

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

Отправлено 20 Январь 2017 - 18:17

Просмотр сообщенияzoovmeste (20 Январь 2017 - 15:50) писал:

Здравствуйте, АК SL-405994
Сайт http://mogway.storeland.ru
Подскажите:

1) как изменить цвет шрифта под синей стрелкой?
2) как изменить цвет шрифта под красной стрелкой?
3) как изменить текст под красной стрелкой?
4) при наведении курсора на иконки, текст под ними исчезает, нужно чтобы не исчезал
Здравствуйте.
1.В файле main.css
свойство color
#topsl .policy_shop .policy .ca-content .ca-main {color: #535353;margin-bottom: 15px;-webkit-transition: all 200ms linear;-o-transition: all 200ms linear;transition: all 200ms linear;}

2.Ниже
#topsl .policy_shop .ca-content {color: #000;}
3. В разделе Сайт - Редактор шаблонов - HTML
267 строка и т.д
скриншот прикрепляю к сообщению
Найти текст можно поставив курсор в поле с кодом, нажать Ctrl + F и ввести текст со страницы.
4. В файле main.css
найдите
#topsl .policy_shop .policy:hover .ca-content .ca-main {color: #fff;-webkit-animation: smallToBig 300ms ease;-o-animation: smallToBig 300ms ease;animation: smallToBig 300ms ease;}

замените на

#topsl .policy_shop .policy:hover .ca-content .ca-main {color: #000;-webkit-animation: smallToBig 300ms ease;-o-animation: smallToBig 300ms ease;animation: smallToBig 300ms ease;}

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

  • 20-01-2017 18-15-27.jpg


#3 zoovmeste

zoovmeste

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

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

Отправлено 20 Январь 2017 - 22:32

Просмотр сообщенияMr.Nito (20 Январь 2017 - 18:17) писал:

Здравствуйте.
1.В файле main.css
свойство color
#topsl .policy_shop .policy .ca-content .ca-main {color: #535353;margin-bottom: 15px;-webkit-transition: all 200ms linear;-o-transition: all 200ms linear;transition: all 200ms linear;}

2.Ниже
#topsl .policy_shop .ca-content {color: #000;}
3. В разделе Сайт - Редактор шаблонов - HTML
267 строка и т.д
скриншот прикрепляю к сообщению
Найти текст можно поставив курсор в поле с кодом, нажать Ctrl + F и ввести текст со страницы.
4. В файле main.css
найдите
#topsl .policy_shop .policy:hover .ca-content .ca-main {color: #fff;-webkit-animation: smallToBig 300ms ease;-o-animation: smallToBig 300ms ease;animation: smallToBig 300ms ease;}

замените на

#topsl .policy_shop .policy:hover .ca-content .ca-main {color: #000;-webkit-animation: smallToBig 300ms ease;-o-animation: smallToBig 300ms ease;animation: smallToBig 300ms ease;}
Спасибо!
Подскажите, теперь как здесь быть:
1) как изменить цвет шрифта под синей стрелкой?
2) как изменить цвет шрифта под красной стрелкой?
3) как изменить цвет шрифта под зеленой стрелкой?
4) при наведении курсора на название товара (IPhone), текст исчезает, нужно чтобы не исчезал

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

  • 030.jpg


#4 Mr.Nito

Mr.Nito

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

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

Отправлено 21 Январь 2017 - 16:21

В файле main.css измените свойство color на свой цвет.
1.Строка
.old-price {color: #6e6e6e;font-size: 90%;text-decoration: line-through;}

2.Строка
/* Иконки валюты */
.price {font-weight: bold;color: #e4e4e4;white-space: nowrap;}

3.Строку
.page-title h1.title {margin-bottom: 15px;font-size: 24px;}
/*** Баннеры ***/
замените на
.page-title h1.title {margin-bottom: 15px;font-size: 24px;color:#000}
/*** Баннеры ***/
Цвет текста контента можно изменить в разделе Сайт - Страницы - Главная . В редакторе нажать пункт  "Цвет текста" скриншот прикрепил к сообщению.

4. Строка
a:hover, a:active {outline:0;color: #fff;text-decoration:none;}

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

  • 21-01-2017 16-19-49.jpg


#5 zoovmeste

zoovmeste

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

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

Отправлено 21 Январь 2017 - 22:31

Просмотр сообщенияMr.Nito (21 Январь 2017 - 16:21) писал:

В файле main.css измените свойство color на свой цвет.
1.Строка
.old-price {color: #6e6e6e;font-size: 90%;text-decoration: line-through;}

2.Строка
/* Иконки валюты */
.price {font-weight: bold;color: #e4e4e4;white-space: nowrap;}

3.Строку
.page-title h1.title {margin-bottom: 15px;font-size: 24px;}
/*** Баннеры ***/
замените на
.page-title h1.title {margin-bottom: 15px;font-size: 24px;color:#000}
/*** Баннеры ***/
Цвет текста контента можно изменить в разделе Сайт - Страницы - Главная . В редакторе нажать пункт  "Цвет текста" скриншот прикрепил к сообщению.

4. Строка
a:hover, a:active {outline:0;color: #fff;text-decoration:none;}
Спасибо!
Теперь в товарах
1) Нужно заменить весь серый цвет на  черный
2) В характеристике тоже цвет сделать черный
3)Условия доставки и отзывы не должны пропадать при наведении курсора

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

  • 032.jpg


#6 zoovmeste

zoovmeste

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

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

Отправлено 24 Январь 2017 - 17:38

???

#7 Mr.Nito

Mr.Nito

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

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

Отправлено 24 Январь 2017 - 20:10

Просмотр сообщенияzoovmeste (21 Январь 2017 - 22:31) писал:

Спасибо!
Теперь в товарах
1) Нужно заменить весь серый цвет на  черный
2) В характеристике тоже цвет сделать черный
3)Условия доставки и отзывы не должны пропадать при наведении курсора
В файле main.css

Большую часть цвета может исправить замена
body {font-family: PT Sans;font-size: 16px;line-height: 20px;color: #bbb;overflow-x: hidden;position: relative;background-color: #FFFFFF;margin:0;padding:0;}
на
body {font-family: PT Sans;font-size: 16px;line-height: 20px;color: #000;overflow-x: hidden;position: relative;background-color: #FFFFFF;margin:0;padding:0;}
1) Название товара
.product-shop .product-name h2 {max-height: 68px;overflow: hidden;}
замените на
.product-shop .product-name h2 {max-height: 68px;overflow: hidden;color: #000;}

Наличие товара
.product-shop .goodsDataMainModificationArtNumber, .product-shop .goodsDataMainModificationAvailable {margin-bottom: 5px;}
замените на

.product-shop .goodsDataMainModificationArtNumber, .product-shop .goodsDataMainModificationAvailable {margin-bottom: 5px;color: #000;}


Наличие товара-значение
далее
.product-shop .goodsDataMainModificationArtNumber span, .product-shop .goodsDataMainModificationAvailable span {color: #e4e4e4;}
замените на
.product-shop .goodsDataMainModificationArtNumber span, .product-shop .goodsDataMainModificationAvailable span {color: #000;}
Количество
.product-shop .wrap-qty .qty-title {display: inline-block;margin-right: 20px;}
замените
.product-shop .wrap-qty .qty-title {display: inline-block;margin-right: 20px;color: #000;}

.product-shop .wrap-qty .qty-set input[type="text"] {max-width: 60px;display: inline-block;text-align: center;margin: 5px;}
на
.product-shop .wrap-qty .qty-set input[type="text"] {max-width: 60px;display: inline-block;text-align: center;margin: 5px;color: #000;}
2)
/* Заголовки */
h1, h2, h3, h4, h5, h6 {font-weight: bold;text-rendering: optimizelegibility;font-family: inherit;text-transform: uppercase;line-height: 1.1;margin:0;padding:0;color: #e4e4e4;}
на
/* Заголовки */
h1, h2, h3, h4, h5, h6 {font-weight: bold;text-rendering: optimizelegibility;font-family: inherit;text-transform: uppercase;line-height: 1.1;margin:0;padding:0;color: #000;}
3)Вкладки.
При наведении
.tab_products .tabs li a.active, .tab_products .tabs li a:hover {color: #fff;}
замените на
.tab_products .tabs li a.active, .tab_products .tabs li a:hover {color: #000;}

Обычное состояние
.tab_products .tabs li a {color: #bebebe;font-weight: bold;text-transform: uppercase;font-size: 123%;padding: 8px 35px 15px 0;position: relative;display: -moz-inline-stack;display: inline-block;zoom: 1;}
на
.tab_products .tabs li a {color: #000;font-weight: bold;text-transform: uppercase;font-size: 123%;padding: 8px 35px 15px 0;position: relative;display: -moz-inline-stack;display: inline-block;zoom: 1;}


#8 zoovmeste

zoovmeste

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

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

Отправлено 26 Январь 2017 - 00:06

Спасибо
Теперь пожалуйста здесь:
1) Цвет кнопок заменить на #619032
2) Заменить места указанные стрелками на черный

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

  • 1.jpg
  • 2.jpg


#9 RayLi

RayLi

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

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

Отправлено 26 Январь 2017 - 10:31

Просмотр сообщенияzoovmeste (26 Январь 2017 - 00:06) писал:

Спасибо
Теперь пожалуйста здесь:
1) Цвет кнопок заменить на #619032
2) Заменить места указанные стрелками на черный

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

.product-shop .wrap-qty .qty-set .quantity-minus, .product-shop .wrap-qty .qty-set .quantity-plus {
	width: 26px;
	height: 26px;
	line-height: 24px;
	border: 1px solid #505050;
	background: #2a2a2a;
	border-radius: 50%;
	text-align: center;
	z-index: 10;
	cursor: pointer;
}

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

.product-shop .wrap-qty .qty-set .quantity-minus, .product-shop .wrap-qty .qty-set .quantity-plus {
	width: 26px;
	height: 26px;
	line-height: 24px;
	border: 1px solid #505050;
	background: #619032;
	border-radius: 50%;
	text-align: center;
	z-index: 10;
	cursor: pointer;
}


После чего в том же шаблоне найдите, пожалуйста, следующий код:

.product-shop .add-to-links a {
	display: block;
	width: 32px;
	height: 32px;
	background: #2a2a2a;
	border: 1px solid #505050;
	line-height: 30px;
	font-size: 13px;
	text-align: center;
	overflow: hidden;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
}

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

.product-shop .add-to-links a {
	display: block;
	width: 32px;
	height: 32px;
	background: #619032;
	border: 1px solid #505050;
	line-height: 30px;
	font-size: 13px;
	text-align: center;
	overflow: hidden;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
}


2. Далее в том же шаблоне найдите, пожалуйста. данный код:

.col-left .block-title span {
	color: #e4e4e4;
	position: relative;
}

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

.col-left .block-title span {
	color: #343434;
	position: relative;
}


#10 zoovmeste

zoovmeste

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

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

Отправлено 26 Январь 2017 - 14:25

Спасибо




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

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