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


Фон Шапки

фон шапки лазурь

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

#21 Ast

Ast

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

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

Отправлено 16 Март 2017 - 10:35

Упустил из внимания, на странице ленты новостей и статей слева полоса пустого места. Можно прижать контент к левому краю? Спасибо

#22 Danil

Danil

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

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

Отправлено 16 Март 2017 - 13:55

Просмотр сообщенияAst (16 Март 2017 - 10:35) писал:

Упустил из внимания, на странице ленты новостей и статей слева полоса пустого места. Можно прижать контент к левому краю? Спасибо
Здравствуйте.
Изменения Вам произвел, проверьте, пожалуйста.

#23 Ast

Ast

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

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

Отправлено 16 Март 2017 - 16:33

Просмотр сообщенияDanil (16 Март 2017 - 13:55) писал:

Здравствуйте.
Изменения Вам произвел, проверьте, пожалуйста.

Спасибо большое!

#24 Ast

Ast

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

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

Отправлено 17 Март 2017 - 11:31

Просмотр сообщенияDanil (15 Март 2017 - 12:36) писал:

Здравствуйте.
Изменения Вам произвел, проверьте, пожалуйста.
Так же создал бэкапы до и после.

когда установил значения для мобильной версии:

@media all and (min-width: 768px) {
.inbox1 {width:50%; float:left;}
.inbox2 {width:50%; float:right;}

в десктопной на главной столбцы опять почему-то сузились. Помогите пожалуйста.

#25 metry

metry

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

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

Отправлено 18 Март 2017 - 10:58

Добрый день. Для внесения изменений зайдите в Редактор шаблонов-->main.css и в конце кода вставьте:


@media all  and (min-width: 768px) {
.inbox1 {width:70%; float:left;}
.inbox2 {width:30%; float:right;}
}


#26 Ast

Ast

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

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

Отправлено 18 Март 2017 - 11:09

Просмотр сообщенияmetry (18 Март 2017 - 10:58) писал:

Добрый день. Для внесения изменений зайдите в Редактор шаблонов-->main.css и в конце кода вставьте:


@media all and (min-width: 768px) {
.inbox1 {width:70%; float:left;}
.inbox2 {width:30%; float:right;}
}
Здравствуйте
Изменил. При значениях 70 и 30 в браузере страница разворачивается, но правая колонка слишком широкая. Правильное значение для компьютера 79 и 21. Но в таком случае в телефоне картинки не разворачиваются на ширину экрана, хотя в img установлена ширина 100%.
Не понимаю почему значения для мобильников влияют на то как показывается страница в браузере на компьютере?
Вот полный блок колонок в css

.inbox {width:100%; float:left;}
.inbox1 {width:79%; float:left; padding-right:20px;}
.inbox2 {width:21%; float:right;}
@media all and (min-width: 768px) {
.inbox1 {width:70%; float:left;}
.inbox2 {width:30%; float:right;}
}

#27 metry

metry

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

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

Отправлено 18 Март 2017 - 17:21

Извините за долгое ожидание. Но не могли бы  Вы уточнить ( приложив скрины ), пожалуйста,  какие изменения хотите внести.

#28 Ast

Ast

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

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

Отправлено 18 Март 2017 - 17:42

Просмотр сообщенияmetry (18 Март 2017 - 17:21) писал:

Извините за долгое ожидание. Но не могли бы  Вы уточнить ( приложив скрины ), пожалуйста,  какие изменения хотите внести.

Левый столбец шириной 79% должен примыкать к левому краю, а правый шириной 21% к правому. Отступ между ними 20px Сейчас правый столбец с отступом от правого края.

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

  • 123345.jpg


#29 Mr.Nito

Mr.Nito

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

  • Модераторы
  • 1 364 сообщений

Отправлено 18 Март 2017 - 18:51

Просмотр сообщенияAst (18 Март 2017 - 17:42) писал:

Левый столбец шириной 79% должен примыкать к левому краю, а правый шириной 21% к правому. Отступ между ними 20px Сейчас правый столбец с отступом от правого края.
Здравствуйте.
Изменения произвёл
Левый столбец шириной 79%,  правый шириной 21%.
В файле main.css код
/* Баннеры на главной */
.inbox {width:100%; float:left;}
.inbox1 {width:79%; float:left;padding-right:20px;}
.inbox2 {width:21%; float:right;}
.inbox2 img {max-width:100%!important;height:auto!important;}
@media all and (min-width: 768px) {
.inbox2 {text-align: right;}
}


#30 Ast

Ast

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

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

Отправлено 18 Март 2017 - 18:59

Просмотр сообщенияMr.Nito (18 Март 2017 - 18:51) писал:

Здравствуйте.
Изменения произвёл
Левый столбец шириной 79%,  правый шириной 21%.
В файле main.css код
/* Баннеры на главной */
.inbox {width:100%; float:left;}
.inbox1 {width:79%; float:left;padding-right:20px;}
.inbox2 {width:21%; float:right;}
.inbox2 img {max-width:100%!important;height:auto!important;}
@media all and (min-width: 768px) {
.inbox2 {text-align: right;}
}
Спасибо большое! Все отлично

#31 Ast

Ast

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

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

Отправлено 05 Апрель 2017 - 10:05

Здравствуйте. Обнаружил что в мобильной версии в шапке под телефоном электронная почта залезла на полоску меню. В десктопной версии все нормально. Как можно поднять логотип с телефоном чтобы email поместился? Спасибо

#32 Danil

Danil

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

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

Отправлено 05 Апрель 2017 - 10:23

Просмотр сообщенияAst (05 Апрель 2017 - 10:05) писал:

Здравствуйте. Обнаружил что в мобильной версии в шапке под телефоном электронная почта залезла на полоску меню. В десктопной версии все нормально. Как можно поднять логотип с телефоном чтобы email поместился? Спасибо
Здравствуйте.
Изменения Вам произвел, проверьте, пожалуйста.

#33 Ast

Ast

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

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

Отправлено 05 Апрель 2017 - 10:44

Просмотр сообщенияDanil (05 Апрель 2017 - 10:23) писал:

Здравствуйте.
Изменения Вам произвел, проверьте, пожалуйста.
Спасибо, всё отлично




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

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