0 Пользователей и 1 Гость просматривают эту тему.
  • 3 Ответов
  • 329 Просмотров
*

fragmatic92

  • Новичок
  • 2
  • 0
Адаптивность колонок Joomla
« : 04.11.2016, 19:28:17 »
Joomla 3 , шаблон от Artisteer
Имеется вывод материала в блоке категорий, по 2 - 4 колонки.
При уменьшении ширины окна, статьи не перемещаются друг под друга,  надо чтоб статьи перемещались друг под друга (вместо 2 - 4 колонок выводилась одна ).

Ранее натыкался на подобные темы http://joomlaforum.ru/index.php?topic=286224.0 - ответа для себя не нашел.

Собственно прошу поподробней описать название ccs документа и класс стиля, так как не могу понять где находятся стили, которые отвечают за положение колонок!
*

Strikerus

  • Осваиваюсь на форуме
  • 85
  • 5
  • Aka Smyke
Re: Адаптивность колонок Joomla
« Ответ #1 : 07.11.2016, 10:38:46 »
Artisteer- дикое зло, учитесь работать руками.
А вообще, для того чтобы решить вашу проблему нужна ссылка на опубликованный сайт, дабы нам увидеть что из себя представляет данный шаблон. В слепую могу только дать совет:
- Научитесь пользоваться FireBug
- Используя FireBug изучите CSS на готовых примерах, достаточно просто некоторое время поэкспериментировать
*

fragmatic92

  • Новичок
  • 2
  • 0
Re: Адаптивность колонок Joomla
« Ответ #2 : 07.11.2016, 13:10:00 »
Ну первое ссылка - http://only-football.ru/pryamye-translyatsii-futbolnykh-matchej

FireBug активно использую и понятия про стили имею . В firebuge все выходит сделать но не могу найти это в корне сайта . вот в чем проблема
http://prntscr.com/d44as1
http://prntscr.com/d44aux
*

Strikerus

  • Осваиваюсь на форуме
  • 85
  • 5
  • Aka Smyke
Re: Адаптивность колонок Joomla
« Ответ #3 : 08.11.2016, 05:28:56 »
Ну вот смотри, для того, чтобы выстроилась нормальная сетка из элементов, тебе необходимо привести их к одному размеру, а именно добавить строки, указанные в скриншоте, к классу .item
Спойлер
[свернуть]

Теперь по поводу 1 колонки при малой ширине экрана:
Достаточно использовать чудесный медиа-запрос @media, который позволит нам установить ширину колонки в 100% на малом экране

Код
.item {
    height: 200px;
    overflow: hidden;
    margin: 5px;
}
@media screen and (max-width: 1920px) {
  .item {
    width: 200px;
  }
}
@media screen and (max-width: 600px) {
  .item {
    width: 100%;
  }
}

Приведенный выше код просто добавляем в конец CSS файла шаблона Joomla
« Последнее редактирование: 08.11.2016, 08:30:43 от Strikerus »
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Как убрать маркеры на Joomla 2.5 и VM 2?

Автор Rok-16

Ответов: 5
Просмотров: 248
Последний ответ 14.06.2017, 23:46:19
от Rok-16
Joomla 3.6.5 - центрирование сайта

Автор romanovakira2012

Ответов: 1
Просмотров: 219
Последний ответ 02.06.2017, 03:00:46
от almika
[Решено] UiKit: сетка на 12 колонок, а также на 7, 8, 9 и (для uikit3) 10

Автор AlekVolsk

Ответов: 0
Просмотров: 527
Последний ответ 26.01.2017, 16:35:58
от AlekVolsk
Как уменьшить размер логотипа на шаблоне protostar Joomla 3 ?

Автор maximka21reg

Ответов: 4
Просмотров: 1109
Последний ответ 03.12.2016, 03:09:01
от satyricon
Как отключить адаптивность (responsive) шаблона Protostar?

Автор y.kram

Ответов: 11
Просмотров: 3693
Последний ответ 18.11.2016, 09:09:42
от webCactus