0
Сообщений в теме: 10
#1
Отправлено 13 Июнь 2017 - 21:12
Здравствуйте. Помогите изменить фон внизу на серый, а буквы на белый, значки и верхние надписи сделать голубыми.
#2
Отправлено 14 Июнь 2017 - 07:17
Здравствуйте.
Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
замените на:
далее найдите:
замените на:
далее найдите:
замените на:
далее найдите:
замените на:
далее найдите:
замените на:
Иконки контактов необходимо переделать в графическом редакторе, они находятся в разделе Сайт - Редактор шаблонов:
- ico-contactus.png
Зайдите в раздел Сайт - Редактор шаблонов - 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
#5
Отправлено 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; }
#7
Отправлено 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
Отправлено 15 Июнь 2017 - 21:42
Хотел фон соцсетей залить), ну уже сам нашел разобрался. Спасибо большое!
#10
Отправлено 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
Отправлено 27 Июнь 2017 - 19:28
Все отлично! Спасибо большое!
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных