• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

WP SITES

2785

Original Genesis & WooCommerce Tutorials & 6000+ Guaranteed Code

Snippets

  • Try Premium
  • Log in

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.

Reader Interactions

Leave a Reply Cancel reply

You must be logged in to post a comment.

Primary Sidebar

Code written by Brad Dalton specialist for Genesis, WooCommerce & WordPress theme customization. Read More…

Advertise · WPEngine · Genesis · Log in

  • Access Problems
  • Account Details
  • Consulting
  • Tags