How to add text over an image in WordPress

This is how to add text over an image, or it could be said, How to put an image behind text.

Either way its really simple, you just need a bit of HTML.

Here is the code:

<div style=”background-image:url(http://wp.elzohar.com/wp-content/uploads/2013/03/dining_Background.jpg);background-repeat:no-repeat;height:365px;width:800px;margin-top:20px;”>

<h1 style=”color:black;line-height:18px;padding:20px 10px 2px 20px;”>This is a Sample Headline</h1>

<p style=”color:black;padding:2px 10px 10px 20px;”>This is sample paragraph text on top of an image. You may need to change the color of the text so it’s readable over the image.</p></div>

Change the URL where your image is located, then change your tag color, height, in fact any of the variables, just when you add it, don’t add it in visual mode, just in text mode.

You’ll see what it looks like below.

Text over image

Enjoy another tip from Mark, one of the founders of Business-Magnets, business networking in Sussex and Surrey

Weybridge, Cobham, Cranleigh, Heathfield, Worthing, Esher, Oxshott, Horley, Burgess Hill, Lancing, Chessington, Epsom, Crawley, Henfield, Shoreham, Ewell, Banstead, East Grinstead, Hassocks, Portslade, Sutton, Coulsdon, Tunbridge, Tunbridge Wells, Hailsham, Hove, Wallington, Caterham, Lewes, Brighton, Purley, Horsham, Rottingdean, New Addington, Biggin Hill, Crowborough, Leatherhead, Southwater, Storrington, Peacehaven, Warnam, Warlingham, Dorking, Newhaven, Eden bridge, Reigate, Cuckfield, Seaford, Edenbridge, Redhill, Haywards Heath, Eastbourne, Oxted, Ockley, Uckfield, Turners Hill, Crawley Down.