Как реализовать чтобы при наведении курсора на картинку в Wordpress поверх нее возникал цветной блок с текстом?

Question

[ALEX]

Здравствуйте, подскажите пожалуйста как реализовать чтобы при наведении курсора на картинку в Wordpress поверх нее возникал цветной блок с текстом? Иногда данная функция реализована в настройках темы, но что делать когда этого нету. Какие файлы нужно редачить и как это сделать? Знаю что тут будет задействован opacity, но озадачивает само размещение блоков
Заранее благодарен за вашу помощь и ответы)))
Всем удачного дня))))

Answer 1

[k0nsu1]

Обычно это делается через :after и :before при наведении показывать их напр. :before:hover {display:block;}

Comments

[ALEX]

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

[k0nsu1]

Появляющемуся блоку нужно указать свойство position absolute