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

Vlada and Lady are now friends
Monday
Paul Hazelden posted a discussion
I have accidentally deleted a comment in an article.  Is there a way to undelete?  Thanks!
Nov 29
Sonam Sharma updated their profile
Nov 17
Mark Wood updated their profile
Nov 17
williamparker updated their profile
Nov 9
Pam Givens replied to Pam Givens's discussion
posting an article
"Thank you so much...I'll watch for you so we can chat."
Nov 3
Alex - Rosas † Negras replied to Pam Givens's discussion
posting an article
"I'll come and check later, let's see if we can resolve it"
Nov 3
Pam Givens posted a discussion
I'm having a difficult time posting an artist inverview with images.  They come out with to much…
Nov 2
Marly posted a discussion
Hello!  As the title states, I'm currently looking for a way to change the names of certain…
Oct 28
Inza Works updated their profile
Oct 19
APOSTLE TEYSHANA WILEY liked ⚡JFarrow⌁'s discussion I Wrote a Book about Ways to Monitize Your Community
Oct 18
Alex - Rosas † Negras and guss are now friends
Oct 18
More…

Meanwhile, you can check our social media channels