Как наложить текст на адаптивную картинку?

голоса: 0

В начале новости стоит адаптивная картинка У нее в шаблоне вот такой код

<?if($IMG_URL1$)?><div class="news-img" style="background-image: url($IMG_URL1$);"></div><?endif?>

И это в стилях

.news-img {
 background-color: #dcdcdc;
 background-position: top;
 background-size: cover;
 margin-bottom: 15px;
}

Как на нее наложить текст? Искал в сети, никаких коды не подходят

Адрес сайта paranormal-news.ru
Закрыто с пометкой: Вопрос решен!
| Автор: | Категория: Дизайн сайта
Закрыт | | Автор: Yuri_Geruk

Ответов: 1

Голоса: +1
 
Лучший ответ

Делается примерно так:

.entry .news-img:before {color:#fff;margin-left:10px;float:left;position: relative;top: 8px;content:"Здесь ваш текст";}

| Автор:
Выбор ответа лучшим | | Автор: webanet
Не подхлодитт этот способ. Текс для каждой новости нужен свой  и будет выводится через переменную $Other$
Paranormal,

Тогда в шаблоне страницы материала и комментариев где-то перед тегом </body> вставить подобный код:

<style>.entry .news-img:before {color:#fff;margin-left:10px;float:left;position: relative;top: 8px;content:"$OTHER1$";}</style>

вместо 1 (номер айди поля пропишите нужный айди поля которое будете использовать).

Получилось! Спасибо большое!
...