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

LEO Mobile App Builder updated their profile
Tuesday
Aase Lillian replied to Aase Lillian's discussion
Community - activity page
"Ok, thank you. Please send me details as I have no idea on how to do it. "
Mar 19
Aase Lillian and ⚡JFarrow⌁ are now friends
NC for Hire
Mar 19
⚡JFarrow⌁ updated their profile photo
Mar 18
⚡JFarrow⌁ replied to Aase Lillian's discussion
Community - activity page
"Yes you can add emojis to your community pretty much anywhere you like.
If you need some help…"
Mar 18
Aase Lillian updated their profile
Mar 18
Aase Lillian posted a discussion
Hi all. Is it possible to add emojis to the community? I also wish the activity page to include…
Mar 18
Donna MacShoe updated their profile photo
Mar 6
Adul Rodri is now friends with ANGE.L LUAR and Margarida Maria Madruga
Feb 14
Shweta Sharma updated their profile
Jan 26
catherine martin updated their profile
Jan 16
Donna MacShoe updated their profile photo
Jan 15
More…

Meanwhile, you can check our social media channels