Поддержка Проблемы и решения Миниатюра постов растянута на пол страницы

  • Решено dalerd

    (@dalerd)


    Добрый день.

    Почему когда устанавливаешь фото на статью, оно становится очень большим, прямо на пол страницы, а потом идет текст. Помогите пожалуйста.

    Страница, с которой нужна помощь: [войдите, чтобы увидеть ссылку]

Просмотр 15 ответов — с 1 по 15 (всего 19)
  • когда устанавливаешь фото на статью оно становится очень большим

    Добрый день, dalerd но на той странице что вы указали нет фото. Остается только гадать чем вам помочь. Приведите пример страницы где находится это фото, тогда вам помогут.

    Автор dalerd

    (@dalerd)

    @intman1958

    https://ibb.co/3p5mqNL
    https://ibb.co/YtGvnL2

    вот, пожалуйста, пример с админки и на сайте

    • Ответ изменён 9 месяцев назад пользователем dalerd.

    Сейчас на будем гадать на кофейной гуще на вашем скриншоте. Отправьте ссылку на страницу!

    dalerd в принципе suryano11 прав. По скриншоту очень трудно что-то конкретное сказать. Единственное что понятно. ТО что вы назвали Миниатюра постов имеет официальное название «Изображение записи». Посмотрите в правый нижний угол экрана и и там увидите эти два портрета.

    Именно это и выводится «прямо на пол страницы». Если вы приведете ссылку на саму «живую» страницу, то тогда коллеги подскажут что нужно изменить в CSS. Или же есть другой вариант — не устанавливать «Изображение записи». а поместить эту же картинку в анонс записи. Тогда можно будет изменять размеры изображения прямо в редакторе.

    Автор dalerd

    (@dalerd)

    @intman1958 @suryano11

    https://fond-rushd.tj/2020/05/11/salimov-firuz-delaet-uspehi/

    Любая статья отображается с неправильным изображением.

    Благодарю за помощь ребята

    Любая статья отображается с неправильным изображением.

    Там вот что — большое изображение в статье (записи) сделано как фон блока .top_panel_image
    Нужно или не указывать фон в этом блоке, что не желательно, или редактировать размеры блока.
    На какой теме сайт сделан?

    откройте костомайзер и вставьте код

    element.style {
        background-image: url(https://fond-rushd.tj/wp-content/uploads/2020/05/2.jpg);
        background-size: contain;
        background-repeat: no-repeat;
    }

    если нужно убрать логотип между записи и изображении

    .header_mobile .logo {
        padding-top: 0;
        padding-bottom: 0;
        display: none;
    }

    если нужно изменить размер изображении , не трогаем первый код, а вставим вот это

    .top_panel_image {
        height: 42em;
        overflow: hidden;
        position: relative;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }

    где height: 42em; меняем 42 на другую цифру

    кстати говоря ,тема не очень удачная для вашей деятельности , эта тема именно предназначена для демонстрации полноформатных изображении. Вам бы новостные темы

    где height: 42em; меняем 42 на другую цифру

    suryano11, да но так измениться только высота, а где ширину менять?

    • Ответ изменён 9 месяцев назад пользователем intman1958.

    кстати говоря ,тема не очень удачная для вашей деятельности

    Полностью согласен! Такой вывод изображений — это особенность темы. И поэтому проще и лучше будет потратить время на выбор другой подходящей темы, чем применять всякие костыли и плясать с бубном, по изменению искореживанию этой темы.

    • Ответ изменён 9 месяцев назад пользователем zoltsmaster.

    Вам стоит разобраться с настройками своей коммерческой темы, либо обратиться в ее ТП. Заодно и версию темы обновите до актуальной.
    п.9 правил форума.

    да но так измениться только высота, а где ширину менять?

    width:ваш размер;
    Можно задать max-width тогда будет не больше данного размера но не знаю, после изменения при несоответствии пропорции width height изображение трансформируется или обрежется. И при каких случаях трансформируется и при каких случаях обрежется

    а где ширину менять?

    Если менять только высоту, ширина меняется автоматически (если не задать размер) и наоборот, если менять ширину, высота меняется автоматически согласно пропорции, например ширина 300 высота 200 в px то когда меняем ширину на 150, высота станет 100. Но если нарушать пропорции, то происходит ли обрезка, это мне тоже интересно, сейчас просто пишу с телефона, не за комом, а то попробовал бы

    • Ответ изменён 9 месяцев назад пользователем rianovost.ru.

    width:ваш размер;

    Вопрос о ширине возник лишь потому что в top_panel_image не указана ширина вообще.
    Но ведь откуда-то она управляется?

    И все же я бы убрал вообще строчку о фоновом изображении. Или же не задавал бы изображение записи вообще. Проще в сложившийся сделать анонс — картинка- текст — читать далее.

    • Ответ изменён 9 месяцев назад пользователем intman1958.

    Но ведь откуда-то она управляется?

    Сколько я раз вам говорил: ну изучите хотя бы азы CSS….

    .top_panel_image {
        background-size: cover;
    }

    Вот этим и управляется.

    Проще в сложившийся сделать анонс — картинка- текст — читать далее.

    Проще — изучить документацию по теме. Я уверен, что там есть куча вариантов по выводу изображения записи.

    Проще — изучить документацию по теме.
    Прежде всего я не знаю темы. Возможно и есть варианты. Но если изменятьbackground-size:`
    <значение>
    Задает размер в любых доступных для CSS единицах — пикселы (px), сантиметры (cm), em и др.
    <проценты>
    Задает размер фоновой картинки в процентах от ширины или высоты элемента.`

    • Ответ изменён 9 месяцев назад пользователем intman1958.
    • Ответ изменён 9 месяцев назад пользователем intman1958.
Просмотр 15 ответов — с 1 по 15 (всего 19)
  • Тема «Миниатюра постов растянута на пол страницы» закрыта для новых ответов.