Как наложить краткое описание новости на картинку (watermark)?

Question

[Wtapd]

Есть картинка, внизу картинки наложенный фон с высотой X, на фоне краткое описание новости, буквально 6-8 слов.
Как реализовать на wordpress ? Искал решения, но везде выходит достаточно криво.

Comments

[mal_fox]

На саму картику если -то это на стороне сервера.Если просто поверх картинки- то это css ( как тут я делал на главной artv-news.ru )

[Wtapd]

Вот, так и нужно. Как это сделать в CSS ?
Можно инструкцию какую-нибудь или урок ?

Answer 1

[Артур Карапетян]

Wtapd: Картинку оборачиваете в div.Вместе с картинкой в div помещаете p с текстом, div- у задаете position: relative, p - position: absolute и позиционируете его
Вот Пример

Comments

[Wtapd]

Не очень удобно на WP.
При позиционирование текст съезжается, если размер экрана менять.

[Максим]

Wtapd: а вот это может быть вариантом ? это ссылка на архив в облаке майл ru : https://cloud.mail.ru/public/KZVN/oQzMNCV1z