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

Forum

How to add a module background image?

Hi, can anybody share the code for a adding a background image to the modules?As you can see in the pic I attached, I found a code to add an image to the module headers, but now I want the code to add an image to the module's backgrounds.ThanksPS: I am working on making a nice dark black ning layout and if you help me I will share the layout when it's finished.

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

Join Ning Creators Network

Email me when people reply –

Replies

  • Jeff, do you want to add a different image to each module background or one image that will cover all the module backgrounds.
  • Hi Jeff, just put your code where it says 'put jpg code here'

    /* Module Body Background (Individual Modules) */
    .xg_module_body{
    background-color: transparent !important;
    background-image:url(put jpg code here);
    background-position:center 0px;
    background-attachment:relative;
    background-repeat:repeat;
    border: none;
    }

    Change if you want it to not repeat to repeat:no-repeat;
    or 'relative' to 'fixed' if you want the pic fixed.

    Hope this helps.

    It doesn't always look good with a pic here though I must add. I always put mine in the border headers and enlarge the boxes.
  • Thank you
  • Hi i need help. can any one teach me how to add a different image in each module?
  • Would you mind sharing the code for module header image? I can't figure it out :(
    • /* Module Head Picture and Border */
      .xg_module_head {
      background-color: transparent !important;
      background-image:url(add your picture here);
      background-position:center 0px;
      background-repeat:no-repeat;
      height:45px;
      border: 6px inset #000000;
      }
      • oh wow thank you so much!!!
      • Ok, it iis a dum question but, If i have a picture in my computer what will be the code for the picture? I need to first upload it to the network?
        • You need to upload the picture to a photo sharing site like Tinypic or photobucket Lasse, or you could put it into a comment box on your page via the 'camera icon' and before you hit to leave the comment take the code that comes up.
          • Thanks very much....Another question...this code here that you gave us...

            .xg_module_head {
            background-color: transparent !important;
            background-image:url(add your picture here);
            background-position:center 0px;
            background-repeat:no-repeat;
            height:45px;
            border: 6px inset #000000;
            }

            Add in my test page the image to the About Box and in the Box where my name is, not in the head of the page where the title is. What is happening?
This reply was deleted.

Search the Creators Network

Latest Activity

Anam replied to Alyce Keegan's discussion Problems reverting to old site theme
"I reported this in detail with screenshots etc for the first time on 21st July. The Ticket says ''w…"
13 hours ago
Theodocia McLean-ColdCoffeeCafe, Patrick Kiss and Fernando Torres joined Ning Creators Network
14 hours ago
Kos replied to Shravan Panuganti's discussion Ning 3.0 Migration ?
"They halted migration and stopped building out 3.0 completely a few years ago.  There are tons of d…"
16 hours ago
Kos replied to Alyce Keegan's discussion Problems reverting to old site theme
"Nothing since the 12th for me.  My status says "waiting".  What a failure."
16 hours ago
⚡JFarrow⌁ replied to Alyce Keegan's discussion Problems reverting to old site theme
"Has anyone heard anything new about this?  I am having the same problem with 3 networks now!"
16 hours ago
⚡JFarrow⌁ replied to ⚡JFarrow⌁'s discussion Work Around for Importing Facebook Page RSS Feeds
"anyone else tried this?"
17 hours ago
francis Pascual replied to Nancy Gruver's discussion Migration from Ning to WordPress
"Thanks Jamie!"
18 hours ago
⚡JFarrow⌁ replied to Shravan Panuganti's discussion Ning 3.0 Migration ?
"Ning has all of us in this holding pattern.  Your guess is as good as anyones.  Ning is a mysteriou…"
yesterday
Jamie Baker replied to Nancy Gruver's discussion Migration from Ning to WordPress
"I've done that with one network, of course you can with text but images etc you cannot as they were…"
Sunday
Jamie Baker replied to Nancy Gruver's discussion Migration from Ning to WordPress
"Can't help there sorry Kos, personally I bit the bullet and started a fresh with multiple networks.…"
Sunday
francis Pascual replied to Nancy Gruver's discussion Migration from Ning to WordPress
"Has anyone tried just copying and pasting their content on to a new site. Because even if you are a…"
Sunday
Josef Essberger replied to The Ning Team's discussion Notice of 2016 Storage Limit and Pricing Plan Changes
"With Garfield Archivist's help, we recently reduced the number of members from approx 140,000 to un…"
Saturday
Roy Sheridan is now a member of Ning Creators Network
Aug 18
Kos replied to Nancy Gruver's discussion Migration from Ning to WordPress
"Francis blog posts, their comments and Groups were migrated to WP.  The forums, their comments, eve…"
Aug 17
francis Pascual replied to Nancy Gruver's discussion Migration from Ning to WordPress
"Hi Kos are you manually inserting blog post or are you using some other method. We are frustated be…"
Aug 17
Gus, Béla Bodolai, JoAnn Jordan and 2 more joined Ning Creators Network
Aug 17
Kos replied to Crystal's discussion Bugs, Broken Links, and other Glitches on Creators 3.0
"Their response:

I've forwarded this to our engineering team and they are investigating the error.…"
Aug 12
Katy Blagg replied to Crystal's discussion Bugs, Broken Links, and other Glitches on Creators 3.0
"I've been getting the same issues for weeks also. Exaclty as you just said above."
Aug 12
Kos replied to Crystal's discussion Bugs, Broken Links, and other Glitches on Creators 3.0
"New ticket filed #1835245 filed today:
I'm having a variety of problems.  Began over a week ago but…"
Aug 11
⚡JFarrow⌁ replied to Crystal's discussion Bugs, Broken Links, and other Glitches on Creators 3.0
"it looks like Sanjay might be Ning's only employee.  Everytime i call, I get him on the phone."
Aug 11
More…