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


Как Изменить Шрифт И Цвет Текста

шрифт цвет текста

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

#1 aeon

aeon

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

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

Отправлено 18 Июнь 2017 - 15:52

SL-415471
Пытался по всему форуму собрать информацию по изменению цвета и размера текста на всем сайте. Не хватает много какой информации по отдельным кускам. Что-бы все устаканилось помогите изменить все.

1-7) Как менять размер и цвет шрифта?
8) Как название магазина поднять над товарами?
9-10) Как менять размер и цвет шрифта?

и как сделать, чтобы старая цена была перечеркнута?

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

  • 1-5.jpg
  • 6.jpg
  • 7.jpg
  • 8.jpg
  • 9.jpg
  • 10.jpg


#2 aeon

aeon

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

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

Отправлено 19 Июнь 2017 - 11:36

Уважаемые модераторы, помогите решить вопрос, пожалуйста!

#3 RayLi

RayLi

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

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

Отправлено 19 Июнь 2017 - 12:40

Просмотр сообщенияaeon (18 Июнь 2017 - 15:52) писал:

SL-415471
Пытался по всему форуму собрать информацию по изменению цвета и размера текста на всем сайте. Не хватает много какой информации по отдельным кускам. Что-бы все устаканилось помогите изменить все.

1-7) Как менять размер и цвет шрифта?
8) Как название магазина поднять над товарами?
9-10) Как менять размер и цвет шрифта?

и как сделать, чтобы старая цена была перечеркнута?

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

a {
	color: #909090;
	text-decoration: none;
	cursor: pointer;
}

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

a {
	color: #55c0ed;
	text-decoration: none;
	cursor: pointer;
}


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

#custommenu ul.mainnav li.level0 > a {
	display: block;
	padding: 8px 10px;
	font-size: 150%;
	font-weight: normal;
	-webkit-border-radius: 22px;
	-moz-border-radius: 22px;
	border-radius: 22px;
	position: relative;
	color: #FFF;
	border: 1px solid transparent;
}

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

#custommenu ul.mainnav li.level0 > a {
	display: block;
	padding: 8px 10px;
	font-size: 150%;
	font-weight: normal;
	-webkit-border-radius: 22px;
	-moz-border-radius: 22px;
	border-radius: 22px;
	position: relative;
	color: #c9c9c9;
	border: 1px solid transparent;
}


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

#topsl .block .block-title {
	padding-top: 0px;
	text-transform: none;
	color: #666666;
	font-size: 150%;
	font-weight: normal;
	text-transform: uppercase;
	padding: 5px 0;
}

И замените его этим, например, кодом:


#topsl .block .block-title {
	padding-top: 0px;
	text-transform: none;
	color: #3cabda;
	font-size: 150%;
	font-weight: normal;
	text-transform: uppercase;
	padding: 5px 0;
}


Теперь в том же шаблоне найдите, пожалуйста, данный код:

body {
	margin: 0;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 12px;
	line-height: 20px;
	background-color: #ffffff;
	color: #909090;
	overflow-x: hidden;
	position: relative;
}

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

body {
	margin: 0;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 12px;
	line-height: 20px;
	background-color: #ffffff;
	color: #3cabda;
	overflow-x: hidden;
	position: relative;
}


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

.sns-producttabs .sns-pdt-container .sns-pdt-nav .pdt-nav > li.tab-nav-actived, .sns-producttabs .sns-pdt-container .sns-pdt-nav .pdt-nav > li:hover {
	background-color: #3cabda;
	color: #FFF;
	border-color: #3cabda;
	cursor: pointer;
}

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

.sns-producttabs .sns-pdt-container .sns-pdt-nav .pdt-nav > li.tab-nav-actived, .sns-producttabs .sns-pdt-container .sns-pdt-nav .pdt-nav > li:hover {
	background-color: #3cabda;
	color: #d7d7d7;
	border-color: #3cabda;
	cursor: pointer;
}


#4 Kapal

Kapal

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

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

Отправлено 08 Ноябрь 2017 - 11:47

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

Помогите, пожалуйста, поменять в верхнем меню цвет букв кнопки "АКЦИИ"  и кнопку мигающей сделать.

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

  • Скрин шрифт.jpg


#5 Firefly

Firefly

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

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

Отправлено 08 Ноябрь 2017 - 12:56

Просмотр сообщенияKapal (08 Ноябрь 2017 - 11:47) писал:

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

Помогите, пожалуйста, поменять в верхнем меню цвет букв кнопки "АКЦИИ"  и кнопку мигающей сделать.

Здравствуйте.
В шаблоне main.css добавил код:
.blink {
  color: #fff;
  background: red;
  padding: 5px 2px;
  -webkit-animation: blink5 2s linear infinite;
  animation: blink 2s linear infinite;
}
@-webkit-keyframes blink {
  50% { color: rgb(255, 255, 255); }
  51% { color: rgba(255, 255, 255, 0); }
  100% { color: rgba(255, 255, 255, 0); }
}
@keyframes blink {
  50% { color: rgb(255, 255, 255); }
  51% { color: rgba(255, 255, 255, 0); }
  100% { color: rgba(255, 255, 255, 0); }
}

В шаблоне HTML код:
						  <li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li>

Заменил на:
						  <li><a href="{menu.header.links.URL}" class="{% IF menu.header.links.SELECTED %}selected{%ENDIF%} {% IF menu.header.links.NAME = Акции магазина %}blink{% ENDIF %}" {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li>


#6 Kapal

Kapal

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

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

Отправлено 08 Ноябрь 2017 - 14:27

Спасибо!

#7 Kapal

Kapal

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

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

Отправлено 20 Февраль 2018 - 16:26

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

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

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

  • скрин2.jpg


#8 Firefly

Firefly

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

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

Отправлено 20 Февраль 2018 - 19:55

Просмотр сообщенияKapal (20 Февраль 2018 - 16:26) писал:

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

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

Здравствуйте.
В шаблоне main.css добавил Вам код:
.delivery .orderStageDeliveryListTable.table-box > tbody > tr > td label {font-size:16px;color: #000;}

И код:
.payment .orderStagePaymentList label {font-size:16px;color: #000;}


#9 Kapal

Kapal

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

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

Отправлено 21 Февраль 2018 - 15:51

Просмотр сообщенияFirefly (20 Февраль 2018 - 19:55) писал:

Здравствуйте.
В шаблоне main.css добавил Вам код:
.delivery .orderStageDeliveryListTable.table-box > tbody > tr > td label {font-size:16px;color: #000;}

И код:
.payment .orderStagePaymentList label {font-size:16px;color: #000;}

Спасибо!





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

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

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