1
Растянута Картинка В Мобильной Версии
Автор Raf_Z, 11 марта 2017 11:21
Сообщений в теме: 8
#1
Отправлено 11 Март 2017 - 11:21
Добрый день!
1. Помогите поправить картинку на главной в мобильной версии (инфографика) - она там растянута по вертикали.
2. В мобильной версии отсутствует текст на главной.
Благодарю!
1. Помогите поправить картинку на главной в мобильной версии (инфографика) - она там растянута по вертикали.
2. В мобильной версии отсутствует текст на главной.
Благодарю!
#2
Отправлено 11 Март 2017 - 11:57
Raf_Z (11 Март 2017 - 11:21) писал:
Добрый день!
1. Помогите поправить картинку на главной в мобильной версии (инфографика) - она там растянута по вертикали.
2. В мобильной версии отсутствует текст на главной.
Благодарю!
1. Помогите поправить картинку на главной в мобильной версии (инфографика) - она там растянута по вертикали.
2. В мобильной версии отсутствует текст на главной.
Благодарю!
Здравствуйте.
В данном случае вам необходимо произвести следующие изменения:
В шаблоне main.css найдите, пожалуйста, данный код:
img {
max-width: 100%;
height: auto;
vertical-align: middle;
border: 0;
}
И замените его вот этим вот кодом:
img {
max-width: 100%;
height: auto !important;
vertical-align: middle;
border: 0;
}
#3
Отправлено 11 Март 2017 - 12:05
RayLi (11 Март 2017 - 11:57) писал:
Здравствуйте.
В данном случае вам необходимо произвести следующие изменения:
В шаблоне main.css найдите, пожалуйста, данный код:
img {
max-width: 100%;
height: auto;
vertical-align: middle;
border: 0;
}
И замените его вот этим вот кодом:
img {
max-width: 100%;
height: auto !important;
vertical-align: middle;
border: 0;
}
В данном случае вам необходимо произвести следующие изменения:
В шаблоне main.css найдите, пожалуйста, данный код:
img {
max-width: 100%;
height: auto;
vertical-align: middle;
border: 0;
}
И замените его вот этим вот кодом:
img {
max-width: 100%;
height: auto !important;
vertical-align: middle;
border: 0;
}
Благодарю, это помогло.
А еще помогите с div.title - на мобильной версии не влезает, видимо, и поэтому его нет. А также, если можно, то подскажите, как на заднем фоне текста сделать полупрозрачную белую прямоугольную подложку. Я планирую сменить фото и этот прямоугольник нужен для того, чтобы текст было видно.
Благодарю!
#4
Отправлено 15 Март 2017 - 13:40
Raf_Z (11 Март 2017 - 12:05) писал:
Благодарю, это помогло.
А еще помогите с div.title - на мобильной версии не влезает, видимо, и поэтому его нет. А также, если можно, то подскажите, как на заднем фоне текста сделать полупрозрачную белую прямоугольную подложку. Я планирую сменить фото и этот прямоугольник нужен для того, чтобы текст было видно.
Благодарю!
А еще помогите с div.title - на мобильной версии не влезает, видимо, и поэтому его нет. А также, если можно, то подскажите, как на заднем фоне текста сделать полупрозрачную белую прямоугольную подложку. Я планирую сменить фото и этот прямоугольник нужен для того, чтобы текст было видно.
Благодарю!
#slideshow .text {top: 70%;right: 0;} #slideshow .text .title {display: none;}и заменить его на
#slideshow .text {top: 4%;right: 0;text-align: right;} #slideshow .text .title {/* display: none; */text-align: right;}Что касается мобильных устройств, то в даном случае могу предложить Вам немного уменьшить размер шрифта. Для это в файле main.css найдите строку
@media all and (max-width: 481px) {и сразу после нее добавьте блок
#slideshow .text .title { font-size: 17px; }
#5
Отправлено 15 Март 2017 - 14:36
Stasya (15 Март 2017 - 13:40) писал:
Здравствуйте. Вам необходимо в файле main.css найти блок
#slideshow .text {top: 70%;right: 0;} #slideshow .text .title {display: none;}и заменить его на
#slideshow .text {top: 4%;right: 0;text-align: right;} #slideshow .text .title {/* display: none; */text-align: right;}Что касается мобильных устройств, то в даном случае могу предложить Вам немного уменьшить размер шрифта. Для это в файле main.css найдите строку
@media all and (max-width: 481px) {и сразу после нее добавьте блок
#slideshow .text .title { font-size: 17px; }
Благодарю!
#7
Отправлено 03 Июль 2017 - 10:30
Добрый день. С отображением описания проблем не обнаружил. Чтобы исправить отображение фото зайдите в Товары-->Товары-->Для дома и дачи-->Кожгалантерея-->Рюкзак Swissgear . Откройте текст полного описания Товара через кнопку "Источник". В открывшемся коде для всех изображений замените фиксированные размеры ширины и высоты, т.е.
найдите строки вида:
замените на:
найдите строки вида:
style="width: 1000px; height: 1000px;"
замените на:
style="width: 100%; height: auto;"
#8
Отправлено 04 Июль 2017 - 16:58
Спасибо! Красиво стало.
#9
Отправлено 15 Ноябрь 2018 - 03:31
извините такой вопрос, в мобильной версии растягиваются по вертикали все фото, которые я добавляю в "статьи" и в текст через html модуль. выглядит ужасно. что можно сделать - не посоветуете?
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных