Replace Page Header Title with Background Image 

Click To See Example Page


This tip will show you how to replace a Ning Page Title Header with an Image. I would call this a tip for newbies. I hope someone enjoys it. It will give you an idea of the control you now have over your Ning pages. Bottom line: You now have the power to customize your pages to the extreme, thanks to the latest features Ning added for Page control.
  • 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! =)
Enjoy!

Jen

Views: 309

Replies to This Discussion

Cool tips Jen!

Glad you like it, Ben! Got a great new one coming for the VIP Group.

=)

Works great!

Hi Michel!

Great, and thank you for the feedback.

Best,

Jen

RSS

Members

© 2019   Created by JenSocial.   Powered by

Badges  |  Report an Issue  |  Terms of Service

Home
VIP Ning Tips