Add Body Background To Specific Page

Plus and Pro Subscribers

How To: Add Body Background To Specific Page

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

 

 

 

  • Add your CSS styles in Custom Box.
  • For any CSS style, wrap in style tag. <style>your custom css for specific page </style>
  • Upload your background image via File Manager or a Blog.
  • Copy the image URL.
  • Edit code below, and replace your_image, with your image URL.
  • Be sure to use repeat-x (horizontal repeat) or repeat (repeat horizontal and vertical), if needed for your background image.
  • Click on Update Page.
  • Done! =)

 

 

<style>
body {
background: url(your_image) no-repeat scroll 0 0 !important;
}

</style>

 

Enjoy,

Jen

Tags: add background to page, background, background image, page, page background

Views: 521

Replies to This Discussion

Permalink Reply by Writer Chick on July 7, 2011 at 7:07pm

hahaha! Yes, that DID sound rather dumb.  What I meant was a PLAIN IMAGE.  Like a solid background with no faces on it.  LOL  Sorry!

 

And thanks for the code Jen!!   :)

Permalink Reply by JenSocial on July 7, 2011 at 2:38pm
BTW, there is a workaround on images that works nicely for off-pages, like our Ning pages. I'm writing the tip for VIP Group. They're due for a really good tip.
Permalink Reply by Ismail Shah on July 18, 2011 at 3:50pm

@ Jen as you tol earlier that we can add keywords in custome code of page. i tried on the very first day this options added. but ..if yous ave page after adming keywords and check you source code of page their is not meta tag with name keywords :( it only detect  network keywords. not our page keywords..

 

Any Help?
Permalink Reply by GirlRiders on July 18, 2011 at 5:26pm
Look at the last line before the</head>
Permalink Reply by JenSocial on October 31, 2011 at 11:12pm
Wow! That looks exciting! Great job!
Permalink Reply by JenSocial on November 10, 2011 at 7:06pm

Hi had a question from John, and you must have found the answer. Just in case:

Hi John,

Try this instead:

<style>
.xg_module_body {
background: url(your_image) no-repeat scroll 0 0 !important;
}
 </style>

Best Regards,
Jen

 

Permalink Reply by Susan Daniels on February 15, 2012 at 2:13pm

This is a great tip. I had not discovered this one, thanks Jen! Warmly, Susan

Permalink Reply by JenSocial on February 15, 2012 at 11:12pm

Glad you like it, Susan!

=)

RSS

© 2013   Created by JenSocial.   Powered by

Badges  |  Report an Issue  |  Terms of Service

Home
VIP Ning Tips