How To Add Text Over An Image Using CSS

Adding text over an image in WordPress involves using both CSS code in your child themes style.css file and HTML in your editor.

See the Pen zLgcs by Brad Dalton (@braddalton) on CodePen

Once you understand how to add text over an image then you can extend further and add a transparent background.

See the Pen Bnzud by Brad Dalton (@braddalton) on CodePen

Add more properties to this CSS or modify the values to suit your own styling preferences.

Other Options

Prefer using software?

Here’s 3 popular editing programs for graphic design you will find useful.

Main navigation