Put a background image or color on an article

From Joomla! Documentation

Revision as of 11:13, 14 August 2008 by Dextercowley (Talk | contribs)

You can place a background image or color in an article by following these steps:

  1. Open the article for editing with TinyMCE or another editor.
  2. Press the "Edit HTML Source" button and enter the code indicated below at the very beginning of the article:
  • For an image:
<div style="background-image: url('images/stories/key.jpg')">
  • For a color:
<div style="background-color: #dddddd">

Substitute your desired image or color in the code above. If you are using the TinyMCE editor, you do not need to add the closing </div> tag at the end of the article, since TinyMCE will add this for you automatically.

If you want to have different backgrounds for different Menu Items, you can also use the Page Class Suffix parameter of the Menu Item.