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


Как Поменять Цвет Футера И Цвет Шрифта


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

#1 Mita

Mita

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

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

Отправлено 23 Декабрь 2012 - 18:23

Здравствуйте! Несколько моментов : 1)Подскажите как поменять цвет футера?
2) Как изменить цвет меню на футере с голубово на другой
3) Как поменять цвет шрифта на меню справа с голубово на другой
Спасибо
http://мита.рф/

#2 support 2.0

support 2.0

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

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

Отправлено 24 Декабрь 2012 - 09:37

Просмотр сообщенияMita (23 Декабрь 2012 - 18:23) писал:

Здравствуйте! Несколько моментов : 1)Подскажите как поменять цвет футера?
2) Как изменить цвет меню на футере с голубово на другой
3) Как поменять цвет шрифта на меню справа с голубово на другой
Спасибо
http://мита.рф/

1) у Вас сейчас стоит уже другой цвет, вероятно, Вы сами справились с этим вопросом
2) для того, чтобы поменять цвет шрифта у правого меню, найдите в файле main.css блок
.leftmenu li li a {
display: block;
padding: 5px 10px;
border-bottom: 1px solid #D6D6D6;
font: normal 13px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #999;
text-decoration: none;
}
color: #999; - цвет текста правого меню
font: normal 13px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; - шрифт правого меню


Далее есть еще вот такой блок
.leftmenu li h2 {
  font: bold 17px/20px Helvetica, "Trebuchet MS", Arial, sans-serif;
  color: #069;
  text-transform: uppercase;
} .leftmenu li h2 a {
  color: #069;

  color: #069; - цвет фразы "Каталог товаров"
  font: bold 17px/20px Helvetica, "Trebuchet MS", Arial, sans-serif; - шрифт "Каталог товаров"

#3 Mita

Mita

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

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

Отправлено 24 Декабрь 2012 - 14:30

Большое спасибо получилось! Еще 2 момента подскажите: 1) Как сменить цвет шрифта на фразе "Все права зашишены и т.д" на футере, а то методом тыка не нашли. И соответственно где заменить цвет активных ссылок при наведении. (там же на футере)
2) Как убрать под шапкой оттеняюший фон, при удалении или замене этого файла ничего не меняется на сайте?
Спасибо

#4 Koderhan

Koderhan

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

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

Отправлено 24 Декабрь 2012 - 14:47

Цитата

1) Как сменить цвет шрифта на фразе "Все права зашишены и т.д" на футере, а то методом тыка не нашли.
Найти код:
#footer p {
margin:0px;
font-size: 10px;
line-height: 18px;
color: #555;
}
Заменить:
#footer p {
margin:0px;
font-size: 10px;
line-height: 18px;
color: #EBEBEB;/*цвет текста*/
}

Цитата

И соответственно где заменить цвет активных ссылок при наведении. (там же на футере)
В файл main.csstemplate.
Добавить код:
#footer .left ul li a {
color: rgb(87, 236, 87);
}
#footer .left ul li a:hover {
color: white;
}

Цитата

2) Как убрать под шапкой оттеняюший фон, при удалении или замене этого файла ничего не меняется на сайте?
В файле main.csstemplate,
Найти код:
#cpages {
background: url({ASSETS_IMAGES_PATH}cpage-top-bg.jpg) no-repeat 0px 80px;
padding-top: 10px;
}
Заменить:
#cpages {
padding-top: 10px;
}


#5 Mita

Mita

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

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

Отправлено 04 Январь 2013 - 11:26

мерси)))) с новым годом вас!!!_)))

#6 DESPERADO

DESPERADO

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

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

Отправлено 18 Июль 2014 - 13:55

Здравствуйте, подскажите пожалуйста как сделать шрифт жирным в меню справа?

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

  • шрифт.JPG


#7 batta

batta

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

  • Пользователи
  • PipPipPipPip
  • 1 142 сообщений
  • ГородНижний Новгород

Отправлено 18 Июль 2014 - 14:02

Просмотр сообщенияDESPERADO (18 Июль 2014 - 13:55) писал:

Здравствуйте, подскажите пожалуйста как сделать шрифт жирным в меню справа?
Здравствуйте
main.css
.leftmenu li li a {
display: block;
padding: 5px 10px;
border-bottom: 1px solid #D6D6D6;
font: normal 13px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #999999;
text-decoration: none;
font-size: 17px;
}
измените на
.leftmenu li li a {
display: block;
padding: 5px 10px;
border-bottom: 1px solid #D6D6D6;
font: normal 13px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #999999;
text-decoration: none;
font-size: 17px;
font-family: fantasy;
}


#8 DESPERADO

DESPERADO

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

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

Отправлено 18 Июль 2014 - 14:32

Просмотр сообщенияbatta (18 Июль 2014 - 14:02) писал:

Здравствуйте
main.css
.leftmenu li li a {
display: block;
padding: 5px 10px;
border-bottom: 1px solid #D6D6D6;
font: normal 13px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #999999;
text-decoration: none;
font-size: 17px;
}
измените на
.leftmenu li li a {
display: block;
padding: 5px 10px;
border-bottom: 1px solid #D6D6D6;
font: normal 13px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #999999;
text-decoration: none;
font-size: 17px;
font-family: fantasy;
}
не получилось, всё равно бледный текст

#9 batta

batta

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

  • Пользователи
  • PipPipPipPip
  • 1 142 сообщений
  • ГородНижний Новгород

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

Просмотр сообщенияDESPERADO (18 Июль 2014 - 14:32) писал:

не получилось, всё равно бледный текст
Найдите в main.css
.leftmenu li li a {
display: block;
padding: 5px 10px;
border-bottom: 1px solid #D6D6D6;
font: normal 13px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #999999;
text-decoration: none;
}
измените на
.leftmenu li li a {
display: block;
padding: 5px 10px;
border-bottom: 1px solid #D6D6D6;
font: bold 16px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #999999;
text-decoration: none;
}


#10 ole26rus

ole26rus

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

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

Отправлено 22 Август 2016 - 12:23

подскажите пожалуйста как поменять цвет шрифта у надписи "в наличии" (на зеленый), а у надписи "нет в наличии" ( на красный)
SL-241427

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

  • 12345.png


#11 Firefly

Firefly

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

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

Отправлено 22 Август 2016 - 13:23

Просмотр сообщенияole26rus (22 Август 2016 - 12:23) писал:

подскажите пожалуйста как поменять цвет шрифта у надписи "в наличии" (на зеленый), а у надписи "нет в наличии" ( на красный)
SL-241427

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> Товар, найдите код:
	 <!-- Доступность товара -->
	 <div class="goodsDataMainModificationAvailable">
	 {% IF GOODS_MOD_REST_VALUE>0 %}<span itemprop="availability" content="{% IF GOODS_MOD_REST_VALUE>0 %}in_stock{% ELSE %}out_of_stock{% ENDIF %}" class="hide"></span>{% ENDIF %}
		 <div class="available-true" itemprop="availability" href="http://schema.org/InStock" {% IF GOODS_MOD_REST_VALUE=0 %}style="display:none;"{% ENDIF %}>Наличие товара: <span>В наличии</span></div>
		 <div class="available-false" itemprop="availability" href="http://schema.org/OutOfStock" style="{% IF GOODS_MOD_REST_VALUE>0 %}display:none;{% ENDIF %}">Наличие товара: <span>Товара нет в наличии</span></div>
	 </div>

Замените на:
	 <!-- Доступность товара -->
	 <div class="goodsDataMainModificationAvailable">
	 {% IF GOODS_MOD_REST_VALUE>0 %}<span itemprop="availability" content="{% IF GOODS_MOD_REST_VALUE>0 %}in_stock{% ELSE %}out_of_stock{% ENDIF %}" class="hide"></span>{% ENDIF %}
		 <div class="available-true" itemprop="availability" href="http://schema.org/InStock" {% IF GOODS_MOD_REST_VALUE=0 %}style="display:none;"{% ENDIF %}>Наличие товара: <span style="color:green;">В наличии</span></div>
		 <div class="available-false" itemprop="availability" href="http://schema.org/OutOfStock" style="{% IF GOODS_MOD_REST_VALUE>0 %}display:none;{% ENDIF %}">Наличие товара: <span style="color:red;">Товара нет в наличии</span></div>
	 </div>


#12 ole26rus

ole26rus

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

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

Отправлено 22 Август 2016 - 13:45

спасибо, все получилось

#13 ole26rus

ole26rus

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

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

Отправлено 05 Сентябрь 2016 - 08:54

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

#14 Vaccina

Vaccina

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

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

Отправлено 06 Сентябрь 2016 - 05:02

В main.css найдите:
.ico-product.new {background: #de44c3;left: 10px;}
.ico-product.sale {background: #7ebf38;right: 10px;}
.ico-product.best {background: #c12e30;left: 10px;}

после него вставьте:
.ico-product.av_f {background: #C12E30;left: 10px;bottom: 50px;}
.ico-product.av_t {background: #C12E30;left: 10px;bottom: 50px;}

В шаблоне Товары найдите:
{% IF goods.IS_NEW %}
						<span class="ico-product new">Новинка</span>
					  {% ELSEIF goods.IS_TOP %}
						<span class="ico-product best">Хит</span>
					  {% ENDIF %}
					  {% IF goods.MAX_DISCOUNT %}
						<span class="ico-product sale">Скидка</span>
					  {% ENDIF %}

после него пропишите:
{% IF goods.MIN_REST_VALUE>0 %}
<span class="ico-product av_t">В наличии</span>
{% ELSE %}
<span class="ico-product av_f">Нет в наличии</span>
{% ENDIF %}


#15 ole26rus

ole26rus

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

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

Отправлено 06 Сентябрь 2016 - 09:09

спасибо, получилось

#16 Pogranets

Pogranets

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

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

Отправлено 06 Сентябрь 2018 - 19:10

Добрый день.

Хочу поменять цвет.
"Итого" цвет должен быть как у ЦЕНЫ
Серые полосы должны быть синего цвета.

Фото прилагаю

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

  • Безымянный.jpg


#17 RayLi

RayLi

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

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

Отправлено 06 Сентябрь 2018 - 19:29

Просмотр сообщенияPogranets (06 Сентябрь 2018 - 19:10) писал:

Добрый день.

Хочу поменять цвет.
"Итого" цвет должен быть как у ЦЕНЫ
Серые полосы должны быть синего цвета.

Фото прилагаю

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

.table-box thead td, .table-box tfoot td {
	background-color: rgba(0, 0, 0, 0.4);
	border: 1px solid #e1e1e1;
	line-height: 18px;
	padding: 12px;
	text-align: center;
	color: #fff;
}

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

.table-box thead td, .table-box tfoot td {
	background-color: rgb(34, 29, 99);
	border: 1px solid #e1e1e1;
	line-height: 18px;
	padding: 12px;
	text-align: center;
	color: #fff;
}


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

.table-box tfoot td.text-right {
	text-align: right;
}

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

.table-box tfoot td.text-right {
	text-align: right;
	color: #cc5516;
}


#18 Pogranets

Pogranets

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

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

Отправлено 06 Сентябрь 2018 - 19:29

И тут нужно поменять цвет как указано на картинке

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

  • Безымянный.jpg


#19 RayLi

RayLi

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

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

Отправлено 06 Сентябрь 2018 - 19:33

Просмотр сообщенияPogranets (06 Сентябрь 2018 - 19:29) писал:

И тут нужно поменять цвет как указано на картинке

В шаблоне main.css найдите, пожалуйста, данный блок кода:

.header-tools .myaccount .tongle .fa:before, .header-tools .mycart .tongle .fa:before, .header-tools .mycompare .tongle .fa:before {
	display: block;
	width: 16px;
	height: 28px;
	line-height: 28px;
	text-align: center;
}

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

.header-tools .myaccount .tongle .fa:before, .header-tools .mycart .tongle .fa:before, .header-tools .mycompare .tongle .fa:before {
	display: block;
	width: 16px;
	height: 28px;
	line-height: 28px;
	color: #036;
	text-align: center;
}


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

input[type="text"]::-webkit-input-placeholder {color: #e61919;}


#20 Pogranets

Pogranets

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

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

Отправлено 25 Сентябрь 2018 - 19:09

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

Какой цвет сделать указано в на картинке

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

  • Изменить.jpg





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

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