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


Изменить Цвет Текста.


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

#1 Алла Алексеева

Алла Алексеева

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

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

Отправлено 08 Август 2018 - 18:30

Просьба изменить цвет текста с черного на белый.

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

  • RwC5eUJPZaI.jpg


#2 RayLi

RayLi

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

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

Отправлено 09 Август 2018 - 11:01

Просмотр сообщенияАлла Алексеева (08 Август 2018 - 18:30) писал:

Просьба изменить цвет текста с черного на белый.

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

.product-view .product-shop .product-name h1 {
	margin: 0;
	color: #2b3038;
	text-transform: none;
	font-weight: 400;
	max-height: 114px;
	overflow: hidden;
}

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

.product-view .product-shop .product-name h1 {
	margin: 0;
	color: #ffffff;
	text-transform: none;
	font-weight: 400;
	max-height: 114px;
	overflow: hidden;
}


Далее там же, найдите, пожалуйста, данный код:

.product-view .product-shop .short-description p {
	max-height: 160px;
	overflow: hidden;
}

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

.product-view .product-shop .short-description p {
	max-height: 160px;
	overflow: hidden;
	color: #fff !important;
}


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

.product-view .product-shop .goodsDataMainModificationArtNumber, .product-view .product-shop .goodsDataMainModificationAvailable {
	margin: 0 0 10px 0;
	font-weight: bold;
}

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

.product-view .product-shop .goodsDataMainModificationArtNumber, .product-view .product-shop .goodsDataMainModificationAvailable {
	margin: 0 0 10px 0;
	font-weight: bold;
	color: #fff !important;
}


Далее там же найдите, пожалуйста, данный код:

.product-view .product-shop .goodsDataMainModificationsBlock div:first-child {
	margin-left: 0;
}

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

.product-view .product-shop .goodsDataMainModificationsBlock div:first-child {
	margin-left: 0;
	color: #fff !important;
}


После чего там же найдите, пожалуйста, данный код:

.product-view .product-shop .add-to-box .wrap-qty .qty-title {
	display: inline-block;
	font-weight: bold;
	margin-right: 20px;
}

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

.product-view .product-shop .add-to-box .wrap-qty .qty-title {
	display: inline-block;
	font-weight: bold;
	margin-right: 20px;
	color: #fff !important;
}


Далее там же найдите, пожалуйста, данный код:

.product-view .product-shop .add-to-links .add-wishlist {
	margin-right: 30px;
}

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

.product-view .product-shop .add-to-links .add-wishlist {
	margin-right: 30px;
	color: #fff !important;
}


После чего там же найдите, пожалуйста, данный код:

.product-view .product-shop .add-to-links a:before {
	display: inline-block;
	position: relative;
	font-family: FontAwesome;
	font-size: 16px;
	color: #1e1e21;
	width: auto;
	padding: 0;
	margin: 0 5px 0 0;
	opacity: 1;
	visibility: visible;
	background: transparent;
}

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

.product-view .product-shop .add-to-links a:before {
	display: inline-block;
	position: relative;
	font-family: FontAwesome;
	font-size: 16px;
	color: #ffffff;
	width: auto;
	padding: 0;
	margin: 0 5px 0 0;
	opacity: 1;
	visibility: visible;
	background: transparent;
}


#3 Алла Алексеева

Алла Алексеева

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

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

Отправлено 09 Август 2018 - 12:15

Просмотр сообщенияRayLi (09 Август 2018 - 11:01) писал:

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

.product-view .product-shop .product-name h1 {
margin: 0;
color: #2b3038;
text-transform: none;
font-weight: 400;
max-height: 114px;
overflow: hidden;
}

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

.product-view .product-shop .product-name h1 {
margin: 0;
color: #ffffff;
text-transform: none;
font-weight: 400;
max-height: 114px;
overflow: hidden;
}


Далее там же, найдите, пожалуйста, данный код:

.product-view .product-shop .short-description p {
max-height: 160px;
overflow: hidden;
}

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

.product-view .product-shop .short-description p {
max-height: 160px;
overflow: hidden;
color: #fff !important;
}


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

.product-view .product-shop .goodsDataMainModificationArtNumber, .product-view .product-shop .goodsDataMainModificationAvailable {
margin: 0 0 10px 0;
font-weight: bold;
}

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

.product-view .product-shop .goodsDataMainModificationArtNumber, .product-view .product-shop .goodsDataMainModificationAvailable {
margin: 0 0 10px 0;
font-weight: bold;
color: #fff !important;
}


Далее там же найдите, пожалуйста, данный код:

.product-view .product-shop .goodsDataMainModificationsBlock div:first-child {
margin-left: 0;
}

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

.product-view .product-shop .goodsDataMainModificationsBlock div:first-child {
margin-left: 0;
color: #fff !important;
}


После чего там же найдите, пожалуйста, данный код:

.product-view .product-shop .add-to-box .wrap-qty .qty-title {
display: inline-block;
font-weight: bold;
margin-right: 20px;
}

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

.product-view .product-shop .add-to-box .wrap-qty .qty-title {
display: inline-block;
font-weight: bold;
margin-right: 20px;
color: #fff !important;
}


Далее там же найдите, пожалуйста, данный код:

.product-view .product-shop .add-to-links .add-wishlist {
margin-right: 30px;
}

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

.product-view .product-shop .add-to-links .add-wishlist {
margin-right: 30px;
color: #fff !important;
}


После чего там же найдите, пожалуйста, данный код:

.product-view .product-shop .add-to-links a:before {
display: inline-block;
position: relative;
font-family: FontAwesome;
font-size: 16px;
color: #1e1e21;
width: auto;
padding: 0;
margin: 0 5px 0 0;
opacity: 1;
visibility: visible;
background: transparent;
}

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

.product-view .product-shop .add-to-links a:before {
display: inline-block;
position: relative;
font-family: FontAwesome;
font-size: 16px;
color: #ffffff;
width: auto;
padding: 0;
margin: 0 5px 0 0;
opacity: 1;
visibility: visible;
background: transparent;
}





Все получилось спасибо.




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

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