Replace Page Header Title with Background Image

This tip will show you how to replace a Ning Page Title Header with an Image.

• Select/create your Page Header image. Suggestion: Do not exceed 60 pixels in height and 600 pixels in width.
• Upload your image to your Ning Network via File Manager or a Blog.
• Copy the image URL, for code below.
• Edit code below by changing the sample image URL "mynewpagetitle.png" to your image URL.
• Go to new or existing page /pages.
• Access the specific page.
• Click on Top Right Menu - Options/Edit.
• If you haven't customized the page yet by utilizing the new Advanced Features,
• - -> Check box next to Meta: Manage title and meta tags manually (advanced)

Code to Edit:

<style>
 

div.xg_headline div.tb  {text-indent:-1000px;height:55px;background:url("mynewpagetitle.png")  no-repeat;}

</style>

• Add your edited code (CSS styles) in Custom Box - - where you see red arrow above.
• Tip: For any CSS style, wrap in style tag. <style>your custom css for specific page </style>
• Click on Update Page.
• Done! =)

Jen