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! =)
Enjoy!
Jen
You need to be a member of Ning Network Tips - Archived Tips to add comments!