Replace Page Header Title with Background Image

Replace Page Header Title with Background Image - See sample image in header above.


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:


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




  • 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! =)



You need to be a member of Ning Network Tips - Archived Tips to add comments!

Comment by JenSocial on July 29, 2011 at 11:54pm

Happy you all like it!


Comment by zmonsieur roger on July 29, 2011 at 11:49pm
awesome jen
Comment by GirlRiders on July 24, 2011 at 7:18pm
Beautiful!  I have got some graphics to make!

© 2024   Created by JenSocial.   Powered by

Badges  |  Report an Issue  |  Terms of Service

VIP Ning Tips