адаптация картинки с мобильной весии
Подскажите где именно чтоб действовало на все страницы.
прописать в стилях картинки ширину в 100%
Например здесь: templates/default/css/theme-content.cssПодскажите где именно чтоб действовало на все страницы.
max-width:500px!important;width:100%!important;height:auto!important;
Например здесь: templates/default/css/theme-content.cssПодскажите где именно чтоб действовало на все страницы.
max-width:500px допустимая макс. ширина. Действовать будет на все.
max-width:500px!important;width:100%!important;height:auto!important;
Такого вообще нету. И адаптация нужна только в модуле "текстовый блок" на страницах вроде адаптируется.
Например здесь: templates/default/css/theme-content.cssПодскажите где именно чтоб действовало на все страницы.
max-width:500px допустимая макс. ширина. Действовать будет на все.
max-width:500px!important;width:100%!important;height:auto!important;
Такого вообще нету. И адаптация нужна только в модуле "текстовый блок" на страницах вроде адаптируется.
То что вам показали это был пример, теперь вам надо найти что вам именно надо адаптировать.
в стилях прописать
img, div img, td img { width:100% }
так что проще в com_content у картинки прописать style="width:100%" и успокоиться.
можете сделать так:
в стилях прописать
правда, столкнетесь с тем, что мелкие картинки начнут на весь экран выводиться...
img, div img, td img { width:100% }
так что проще в com_content у картинки прописать style="width:100%" и успокоиться.
не могу найти где это прописывать
Глобальные стили в двойке прописаны в theme-text.css и theme-layout.css. В один из них и добавьте:
img { max-width: 100%; height: auto; }