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


Цвет Футера

Изменить фон и цвет шрифта

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

#1 Юрий С

Юрий С

    Новичок

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

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

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

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

  • футер.png


#2 Vaccina

Vaccina

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

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

Отправлено 14 Июнь 2017 - 07:17

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

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
#footer {margin: 0 0;padding: 0 0 40px;border-top: 1px solid #e9e9e9;}

замените на:
#footer {margin: 0 0;padding: 0 0 40px;background: #6C6C6C;}


далее найдите:
#footer .copyright {text-align: center;width: 100%;color: #666666;padding: 3px 0 0;}

замените на:
#footer .copyright {text-align: center;width: 100%;color: #ffffff;padding: 3px 0 0;}

далее найдите:
#footer .link-follow li {display: inline-block;padding: 0 0 0 10px;background: #FFF;float: left;}

замените на:
#footer .link-follow li {display: inline-block;padding: 0;float: left;margin: 0 10px 0 0;}

далее найдите:
#footer-top .block .block-title {line-height:30px;text-transform: none;font-size: 183.3%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

замените на:
#footer-top .block .block-title {line-height:30px;text-transform: none;font-size: 183.3%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #3CABDA;}

далее найдите:
#footer .link-follow li a {-webkit-border-radius: 14px;-moz-border-radius: 14px;border-radius: 14px;background-position: left top;height: 53px;width: 53px;display: inline-block;border: 1px solid #e1e1e1;position: relative;top: 0px;font-size: 26px;line-height: 53px;}

замените на:
#footer .link-follow li a {-webkit-border-radius: 14px;-moz-border-radius: 14px;border-radius: 14px;background-position: left top;height: 53px;width: 53px;display: inline-block;border: 1px solid #e1e1e1;position: relative;top: 0px;font-size: 26px;line-height: 53px;color: #3CABDA;background-color: #fff;}


Иконки контактов необходимо переделать в графическом редакторе, они находятся в разделе Сайт - Редактор шаблонов:
- ico-contactus.png

#3 Юрий С

Юрий С

    Новичок

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

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

Спасибо! Но я неправильно наверное объяснил немножко. Хочется все нижнее меню серым а буквы белыми)
  • Номер аккаунта:SL-413843

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

  • футер1.png


#4 Юрий С

Юрий С

    Новичок

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

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

Во, нашел как хочу) Только серый посветлее мой

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

  • футер2.png


#5 RayLi

RayLi

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

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

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

Просмотр сообщенияЮрий С (15 Июнь 2017 - 19:32) писал:

Спасибо! Но я неправильно наверное объяснил немножко. Хочется все нижнее меню серым а буквы белыми)
  • Номер аккаунта:SL-413843

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

#footer-top {
	margin: 0 0 52px;
	padding: 35px 0 0;
	border-top: 1px solid #e9e9e9;
}

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

#footer-top {
	margin: 0 0 52px;
	padding: 35px 0 0;
	border-top: 1px solid #e9e9e9;
	background-color: #6c6c6c;
}


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

.block-contact .block-content p {
	margin: 0 0 10px 0;
	padding: 0 0 0 46px;
	min-height: 40px;
	position: relative;
	color: #666666;
	display: inline-block;
	width: 100%;
}

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

.block-contact .block-content p {
	margin: 0 0 10px 0;
	padding: 0 0 0 46px;
	min-height: 40px;
	position: relative;
	color: #ffffff;
	display: inline-block;
	width: 100%;
}


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

button, input, select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], label, .uneditable-input {
	font-size: 100%;
	color: #666666;
	border-color: #ccc;
	outline: none;
}

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

button, input, select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], label, .uneditable-input {
	font-size: 100%;
	color: #ffffff;
	border-color: #ccc;
	outline: none;
}


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

p.c-email.clear a {
	color: #fff;}
p.c-phone a {
	color: #fff;}
.block-content ul li a {
	color: #fff;}


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

#footer-top .block-subscribe .block-content label {
	display: block;
	margin: 3px 0 15px;
	color: #666666;
	line-height: 18px;
}

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

#footer-top .block-subscribe .block-content label {
	display: block;
	margin: 3px 0 15px;
	color: #ffffff;
	line-height: 18px;
}


#6 Юрий С

Юрий С

    Новичок

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

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

Всё супэр. Ток вот полосочка белая еще осталась и соцсети хотелось бы залить, но тогда их выделение тоже надо голубым будет сделать

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

  • футер3.png


#7 RayLi

RayLi

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

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

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

Просмотр сообщенияЮрий С (15 Июнь 2017 - 20:46) писал:

Всё супэр. Ток вот полосочка белая еще осталась и соцсети хотелось бы залить, но тогда их выделение тоже надо голубым будет сделать

В таком случае вам необходимо в шаблоне main.css найти данный код:

#footer-top {
	margin: 0 0 52px;
	padding: 35px 0 0;
	border-top: 1px solid #e9e9e9;
	background-color: #6c6c6c;
}

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

#footer-top {
	padding: 35px 0 52px;
	border-top: 1px solid #e9e9e9;
	background-color: #6c6c6c;
}


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

#footer .link-follow li a {
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	border-radius: 14px;
	background-position: left top;
	height: 53px;
	width: 53px;
	display: inline-block;
	border: 1px solid #e1e1e1;
	position: relative;
	top: 0px;
	font-size: 26px;
	line-height: 53px;
	color: #3CABDA;
	background-color: #fff;
}

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

#footer .link-follow li a {
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	border-radius: 14px;
	background-position: left top;
	height: 53px;
	width: 53px;
	display: inline-block;
	border: 1px solid #e1e1e1;
	position: relative;
	top: 0px;
	font-size: 26px;
	line-height: 53px;
	color: #6c6c6c;
	background-color: #fff;
}


#8 Юрий С

Юрий С

    Новичок

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

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

Хотел фон соцсетей залить), ну уже сам нашел разобрался. Спасибо большое!

#9 Юрий С

Юрий С

    Новичок

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

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

Подскажите как поменять цвет текста в блоке на странице контакты. Менял до этого в футере на белый, на странице контактов он тоже стал белым, соответственно не видно на белом же фоне.

SL-413843

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

  • футер4.png


#10 Firefly

Firefly

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

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

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

Просмотр сообщенияЮрий С (24 Июнь 2017 - 19:31) писал:

Подскажите как поменять цвет текста в блоке на странице контакты. Менял до этого в футере на белый, на странице контактов он тоже стал белым, соответственно не видно на белом же фоне.

SL-413843


Здравствуйте.
В шаблоне main.css добавил Вам код:
#main .block-contact .block-content p {color:#6c6c6c;}

И код:
#main .block-contact .block-content p.c-phone a {color:#6c6c6c;}

Проверьте результат, пожалуйста

#11 Юрий С

Юрий С

    Новичок

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

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

Все отлично! Спасибо большое!




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

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