Current status of the Ning Platform is always available on the Ning Status Blog.

NC for Hire

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>

 

I searched for this tip and didn't find it. If it's already been added, please let me know.

Enjoy,

Jen

You need to be a member of Ning Creators Social Network to add comments!

Join Ning Creators Social Network

Votes: 0
Email me when people reply –

Replies

    • NC for Hire
      I agree background-image is preferred. I've had some odd issues on Ning with background-image, so have gotten lazy and use background, instead.
    • NC for Hire
      I'm not seeing this. Can you show us an example?
      • Hey there Jen,

        I've done a lot more complicated customization on my network so I thought this would have been a piece of cake but for some reason I can't seem to get a change of background. Is it possible I may have a conflict in my custom css section? 

        Thanks

        TDB

        This is my code:

        <style>

        body {
        background: url(https://api.ning.com/files/Pwzs533TwjHRuCkPHu1*C0HoOzpCwYv30gWPD0GnBzBbm98saEt7V2n8151ycmqmzFt-zaLXhFaipuY2Q7fZUcavQKwNMWni/Untitled.jpg) repeat-vertical scroll 0 0 !important;
        }

        _

        </style>

  • Thank you Jen

     

    Pedro

  • Great tip, however what code do you need to use in order to change the background image on forum, members, blog, other groups pages etc.. ?

  • Thanks, your CSS tips for the pages worked out really well..

    • NC for Hire

      Hi Doone, Great! Thanks for the feedback. =)

  • Cool will give it a try
  • You can not get the desired result unless you make Header and Module transparent. for example see http://thatsme.in/group/taza_samachar/page/6377873:Page:109860

    Of course, i have just tasted and will change the background image to make the text more prominent.

  • Great job!
    how do I center the image?

    Thanks Jen!

This reply was deleted.
 

Some interesting articles related to community management, digital marketing etc. could be found in our digest. Don't hesitate to leave a feedback so we would know that we should continue :-)

Latest Activity

Fernando Bisbal posted a discussion
There are people whose profile does not show the group block and we do not know which groups they…
Thursday
Fernando Bisbal posted a discussion
There are people whose profile does not show the group block and we do not know which groups they…
Thursday
Michael Rua Franco replied to Michael Rua Franco's discussion
Problems with Polyfill.io in my site
"Thank you so much for your reply Vlada "
Wednesday
Future Skills Academy updated their profile
Oct 1
Eva Libre liked Karen Hardy's blog post Terrified about 3.0 upgrade
Sep 29
JUSTIN GREGG updated their profile
Sep 27
Vlada replied to Eva Libre's discussion
Ning 3.0 is antisocial!
"Found this post with more complaints about the Ning3.0 malfuntioning for members in the comments…"
Sep 21
Vlada replied to Michael Rua Franco's discussion
Problems with Polyfill.io in my site
"I just read your post here,now I'm no IT expert but I just went to your site and my antivirus didnt…"
Sep 20
Vlada replied to Eva Libre's discussion
Ning 3.0 is antisocial!
"Oh Eva thanks for this post,... Yeah Ning 03 sucks big time alright!!, you get no notifications on…"
Sep 19
⚡JFarrow⌁ replied to Zoe Dune's discussion
NING's Landing Page Issues, Third Party Options, Suggestions?
"I just sent you my contact info in a message.  Call me and ill talk with you about some options.."
Sep 11
⚡JFarrow⌁ replied to Eva Libre's discussion
Ning 3.0 is antisocial!
" One way to get your activites in groups to show up in your feed is to combine the feeds from…"
Sep 11
Eva Libre replied to Mar's discussion
Comments appearing in activity feed
"Yes, this is one of several problems with the Activity Feed in Ning 3.0!"
Sep 1
More…

Meanwhile, you can check our social media channels