Помогите настроить CSS новостной ленты

  • someinsun

    (@someinsun)


    9 лет, 1 месяц назад

    Вот на этой странице http://kurpyakov.ru/news/

    Миниатюры новости почему-то вылазят вверх некрасиво.
    Расстояние от заголовка до текста новости нормальное. Но вот миниатюра новости находится не в тексте новости, а вылазит вверх.

    Помогите пожалуйста — куда смотреть и что править, чтобы вернуть картинку на место?

Просмотр 1 ответа (всего 1)
  • Gottfrid Q.

    (@gq-1)

    9 лет, 1 месяц назад

    У абзацев поста .art-postcontent.clearfix > p верхний марджин составляет 12px, а у картинки — 0, и у заголовка нижний марджин тоже 0.
    Можно добавить margin-bottom:12px; к заголовку h2.art-postheader — с отступом над абзацем он схлопнется, а над картинкой — нет, поэтому она съедет вниз на высоту отступа текста. После этого она ещё слегка выше текста — можно скорректировать, например, верхним марджином у img.wp-post-image.
    Как-то так…

Просмотр 1 ответа (всего 1)
  • Тема «Помогите настроить CSS новостной ленты» закрыта для новых ответов.