#1
Отправлено 10 Март 2017 - 11:23
Здравствуйте. Попытался установить фон шапки, но почему-то не показывается.
Помогите пожалуйста. Нужно сделать как на скриншоте:
1. Установить фоном картинку
2. Увеличить header до 194 px
Спасибо
#2
Отправлено 10 Март 2017 - 17:58
Ast (10 Март 2017 - 11:23) писал:
Здравствуйте. Попытался установить фон шапки, но почему-то не показывается.
Помогите пожалуйста. Нужно сделать как на скриншоте:
1. Установить фоном картинку
2. Увеличить header до 194 px
Спасибо
Здравствуйте.
Изменения Вам произвел и создал бэкап после.
#4
Отправлено 11 Март 2017 - 14:32
Не могли бы помочь сделать еще несколько мелких изменений:
1. Убрать полностью форму поиска в шапке
2. Переместить в шапке Телефон и Email на место формы поиска
3. Убрать разделительные полосы в шапке над логотипом (синюю и серую)
4. Меню под логотипом. Между меню и хлебными крошками убрать синюю полосу
5. В подвале убрать белую полосу между верхним и нижним подвалом
Спасибо большое!
#5
Отправлено 11 Март 2017 - 20:15
Ast (11 Март 2017 - 14:32) писал:
Не могли бы помочь сделать еще несколько мелких изменений:
1. Убрать полностью форму поиска в шапке
2. Переместить в шапке Телефон и Email на место формы поиска
3. Убрать разделительные полосы в шапке над логотипом (синюю и серую)
4. Меню под логотипом. Между меню и хлебными крошками убрать синюю полосу
5. В подвале убрать белую полосу между верхним и нижним подвалом
Спасибо большое!
Изменения Вам произвел, проверьте, пожалуйста.
#6
Отправлено 12 Март 2017 - 10:36
Danil (11 Март 2017 - 20:15) писал:
Изменения Вам произвел, проверьте, пожалуйста.
1. В десктопной версии всё правильно. Но подскажите пожалуйста, где в css установлен размер и цвет номера телефона и email?
Хотелось бы размер номера чуть увеличить,а почту чуть уменьшить.
2. А в мобильной версии телефон и почта не показывается. Надо бы чтобы были под логотипом. .
3. Почему-то не получается сверстать 2 резиновые колонки (смотрите главную страницу). Не раздвигаются на всю ширину страницы. (скрин как должно быть прилагаю). В мобильной версии правая колонка должна располагаться под левой, как обычно.
Вообще такое впечатление что шапка шире всего контента под шапкой. Даже блок новостей не центрован как то. Нет?
Можно сделать чтобы выводилось на главной 3 новости?
Спасибо Вам огромное!
#7
Отправлено 14 Март 2017 - 13:05
Ast (12 Март 2017 - 10:36) писал:
Хотелось бы размер номера чуть увеличить,а почту чуть уменьшить.
2. А в мобильной версии телефон и почта не показывается. Надо бы чтобы были под логотипом. .
3. Почему-то не получается сверстать 2 резиновые колонки (смотрите главную страницу). Не раздвигаются на всю ширину страницы. (скрин как должно быть прилагаю). В мобильной версии правая колонка должна располагаться под левой, как обычно.
Вообще такое впечатление что шапка шире всего контента под шапкой. Даже блок новостей не центрован как то. Нет?
Можно сделать чтобы выводилось на главной 3 новости?
Спасибо Вам огромное!
#header ul.contact-us-now li {float:right;line-height: 36px;margin-left: 15px;padding-left: 28px;font-size: 170%;}и сразу после нее вставьте код
#header ul.contact-us-now .c-phone a { font-size: 20px; color: #7db61a; } #header ul.contact-us-now .c-email a { font-size: 20px; color: #7db61a; }В нем Вы можете изменить цвет - #7db61a и размер шрифта - 20px в блоке
#header ul.contact-us-now .c-phone a { font-size: 20px; color: #7db61a; }и тоже самое для почты в блоке
#header ul.contact-us-now .c-email a { font-size: 20px; color: #7db61a; }
2) В файле main.css найдите строку
@media (max-width: 481px) {чуть ниже нее найдите строку
ul.contact-us-now {position: absolute;top: 35px;left: -1px;width: 200px;border: 1px solid #e9e9e9;background: #FFF;opacity: 0;filter: alpha(opacity=0);-webkit-transform: scale(0);-moz-transform: scale(0);-o-transform: scale(0);transform: scale(0);}и замените ее на
ul.contact-us-now { position: absolute; top: 86px; left: -1px; width: 100% !important; text-align: center; } #header ul.contact-us-now li { float: none; line-height: 26px; margin-left: 15px; padding-left: 28px; font-size: 170%; }3) В файле main.css найдите строку
@media all and (max-width: 767px) {и сразу после нее вставьте блок
.inbox1, .inbox2 {width:100%}
#8
Отправлено 14 Март 2017 - 13:16
Stasya (14 Март 2017 - 13:05) писал:
#header ul.contact-us-now li {float:right;line-height: 36px;margin-left: 15px;padding-left: 28px;font-size: 170%;}и сразу после нее вставьте код
#header ul.contact-us-now .c-phone a { font-size: 20px; color: #7db61a; } #header ul.contact-us-now .c-email a { font-size: 20px; color: #7db61a; }В нем Вы можете изменить цвет - #7db61a и размер шрифта - 20px в блоке
#header ul.contact-us-now .c-phone a { font-size: 20px; color: #7db61a; }и тоже самое для почты в блоке
#header ul.contact-us-now .c-email a { font-size: 20px; color: #7db61a; }
Спасибо, всё сработало как надо. А как со 2 и 3 пунктами?
#9
Отправлено 14 Март 2017 - 13:26
#11
Отправлено 14 Март 2017 - 14:45
Stasya (14 Март 2017 - 14:16) писал:
Не получается раздвинуть 2 колонки на главной по ширине страницы. Может быть я плохо пояснил. Колонки должны быть даже не резиновые, а адаптивные. То есть на странице левая колонка для основного контента, а правая по ширине фотографии. Но в мобильной версии правая колонка должна показываться под левой.
С новостями надо сделать чтобы на главной они показывались в одну строку, и без прокруток. Как это было в шаблоне раньше. Пример - аккаунт SL-406930 Новые новости замещают старые да и всё.
#12
Отправлено 14 Март 2017 - 14:53
Ast (14 Март 2017 - 14:45) писал:
Не получается раздвинуть 2 колонки на главной по ширине страницы. Может быть я плохо пояснил. Колонки должны быть даже не резиновые, а адаптивные. То есть на странице левая колонка для основного контента, а правая по ширине фотографии. Но в мобильной версии правая колонка должна показываться под левой.
С новостями надо сделать чтобы на главной они показывались в одну строку, и без прокруток. Как это было в шаблоне раньше. Пример - аккаунт SL-406930 Новые новости замещают старые да и всё.
{% FOR news_list_all %}и сразу после нее добавить код
{% IF news_list_all.index >3 %}{break}{% ENDIF %}А так же в разделе Настройки-> Основные поставить галочку Группировать новости в блоке навигации на сайте.
Что касаемо блоков, то тот код, который я Вам прислала ранее и делает адаптивными колонки текста. Если я Вас правильно поняла.
Речь идет об этих столбцах ? Как он будет перестраиваться при уменьшении экрана показала синей стрелкой.
Попробуйте по ранее присланной инструкции в п.3 вставить код
.inbox1, .inbox2 { width: 100% !important; }
#13
Отправлено 14 Март 2017 - 15:23
Stasya (14 Март 2017 - 14:53) писал:
{% FOR news_list_all %}и сразу после нее добавить код
{% IF news_list_all.index >3 %}{break}{% ENDIF %}А так же в разделе Настройки-> Основные поставить галочку Группировать новости в блоке навигации на сайте.
Что касаемо блоков, то тот код, который я Вам прислала ранее и делает адаптивными колонки текста. Если я Вас правильно поняла.
Речь идет об этих столбцах ? Как он будет перестраиваться при уменьшении экрана показала синей стрелкой.
Попробуйте по ранее присланной инструкции в п.3 вставить код
.inbox1, .inbox2 { width: 100% !important; }
Да эти столбцы. Правый где фото должен быть соответственно по ширине фото.
Вставил дополнительно код, не помогает.
С новостями всё ок, спасибо
#14
Отправлено 14 Март 2017 - 15:32
#15
Отправлено 15 Март 2017 - 12:27
1. Столбцы на главной не разворачиваются по ширине страницы
2. На главной большой отступ от правого блока новостей до правого края страницы. Нет симметрии.
3. На странице новостей прижать контент к левому краю.
PS удалите пожалуйста прикрепленные изображения в посте #13 с фотографией человека. Спасибо
#16
Отправлено 15 Март 2017 - 12:36
Ast (15 Март 2017 - 12:27) писал:
1. Столбцы на главной не разворачиваются по ширине страницы
2. На главной большой отступ от правого блока новостей до правого края страницы. Нет симметрии.
3. На странице новостей прижать контент к левому краю.
PS удалите пожалуйста прикрепленные изображения в посте #13 с фотографией человека. Спасибо
Изменения Вам произвел, проверьте, пожалуйста.
Так же создал бэкапы до и после.
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных