mokys 0 Опубликовано: 20 марта 2023 Рассказать Опубликовано: 20 марта 2023 Всем привет. Есть шаблон, в котором в мобильной версии изображение к новости выезжает за край, при настройках изображения 450 px. В самом шаблоне есть такая строка в fullstory (шаблон полной новости) <div class="post-media post-featured-image" style="overflow:hidden;max-height:400px"><img src="{image-1}" class="img-fluid" alt="{title}"></div> Где принудительно урезается изображение до правильного размера. Но если в полной новости загружать изображение и вставлять его, то изображение дублируется. Одно которое вставляется автоматом размером 400px, а второе которое мы вставляем руками, размером 450px. Вопрос, как прописать, чтобы изображение именно вставленное руками было размером в 400 px? <div class="post-content-area"> <div class="post-media post-featured-image" style="overflow:hidden;max-height:400px"><img src="{image-1}" class="img-fluid" alt="{title}"></div> <div class="ratG mb-20"> [add-favorites]<i class="fa fa-heart"></i> В закладки[/add-favorites] [del-favorites]<i class="fa fa-heart"></i> Из закладок[/del-favorites] [edit]<i class="fa fa-cog"></i> Редактор[/edit] [print-link]<i class="fa fa-print"></i> Печать[/print-link] [rating-plus]<i class="fa fa-thumbs-up"></i> Нравится {likes}[/rating-plus] [rating-minus]<i class="fa fa-thumbs-down"></i> Не нравится {dislikes}[/rating-minus] </div> <div class="entry-content mb-20">{full-story}</div> </div> <div class="full_tags">{tags}</div> Чуть полнее код из шаблона полной новости Буду рад помощи. Цитата Ссылка на сообщение Поделиться на других сайтах
master27 38 Опубликовано: 21 марта 2023 Рассказать Опубликовано: 21 марта 2023 .entry-content img { max-width: 100%; } или .entry-content img { width: 400px; } Цитата Ссылка на сообщение Поделиться на других сайтах
greencoste 2 Опубликовано: 21 марта 2023 Рассказать Опубликовано: 21 марта 2023 Может я что-то не понял но разве в настройках админ панели нельзя сделать так как вы хотите? Настройка системы, далее изображения и там репетируйте размеры. Цитата Ссылка на сообщение Поделиться на других сайтах
mokys 0 Опубликовано: 21 марта 2023 Рассказать Опубликовано: 21 марта 2023 Автор 7 часов назад, master27 сказал: .entry-content img { max-width: 100%; } или .entry-content img { width: 400px; } Я так понял это в style.css надо затолкать? Цитата Ссылка на сообщение Поделиться на других сайтах
master27 38 Опубликовано: 21 марта 2023 Рассказать Опубликовано: 21 марта 2023 ну да, это же стили... хотя можете и в фуллсори в самый низ... <style> тут код... </style> без разницы. Цитата Ссылка на сообщение Поделиться на других сайтах
aleksandrhristich 107 Опубликовано: 22 марта 2023 Рассказать Опубликовано: 22 марта 2023 21.03.2023 в 04:43, mokys сказал: Но если в полной новости загружать изображение и вставлять его, то изображение дублируется. Одно которое вставляется автоматом размером 400px, а второе которое мы вставляем руками, размером 450px. Естественно что будет дублироваться,т.к вы в полной новости так же выводите картинку через {image=""}. Правильно вам сказали,что 19 часов назад, greencoste сказал: Настройка системы, далее изображения и там репетируйте размеры. Цитата Ссылка на сообщение Поделиться на других сайтах
Рекомендованные сообщения
Присоединяйтесь к обсуждению
Вы можете опубликовать сообщение сейчас, а зарегистрироваться позже. Если у вас есть аккаунт, войдите в него для написания от своего имени.