We wanted a simple way to overlay text onto an image using HTML and CSS, rather than adding the text in a photo editor. I also wanted to work within WordPress’ built-in capabilities so that anyone could add text without needing to know HTML.
I developed some CSS that turned WordPress captions into a text overlay. The user only had to add a few classes to the image from within the WordPress image dialogue. These options included color, size, and border options.
The captions are responsive and drop down below the image on smaller screens.