JenSocial: Social Web Directory and Ning Tips

Social Web Directory :: Social Network Directory :: Ning Tips and Ning Support

Linking One Background Image to a Set of Daughter Pages on NING

I'm still new at CSS, so please forgive me if this question sounds elementary (it is). Long story short, I'm currently working on a Ning Social Network hub for my school, and sufficient to say having a premade, pre-canned setup isn't exactly ideal for true customization. I have set a mother page to a background image, and I want all the links (all leading to different pages on the same network) on that mother page to also feature that background image. I was able to use the CSS box on the mother page to feature that background image, but for the life of me I can't figure out a way to do the same thing to any of the daughter page links. I've tried adding and changing their IDs, but it only leads to a div being added onto them, and not exactly a background change when you actually click on the link and go to that page. This is not that complicated and I know I missed something basic. Can anyone help?

Thanks!

Edit: Here's the body html code of my "mother page":

1. <a href="http://pharmacypeertopeeradvising.ning.com/page/healtheast-st-john-s-hospital-2012-2013-reviews" target="_self" id="AcuteCareAPPE">HealthEast St.John's Hospital, Maplewood</a>

2. <a href="http://pharmacypeertopeeradvising.ning.com/page/fairview-university-of-minnesota-medical-center-minneapolis-2012-" target="_self" id="AcuteCareAPPE">Fairview UMMC, Minneapolis</a>

3. <a href="http://pharmacypeertopeeradvising.ning.com/page/park-nicollet-methodist-hospital-minneapolis-2012-2013-reviews" target="_self" id="AcuteCareAPPE">Park Nicollet Methodist Hospital, St. Louis Park</a>

4. <a href="http://pharmacypeertopeeradvising.ning.com/page/united-hospital-allina-2012-2013-reviews" target="_self" id="AcuteCareAPPE">Allina United Hospital, St. Paul</a>

5. <a href="http://pharmacypeertopeeradvising.ning.com/page/regions-hospital-level-1-trauma-center-st-paul" target="_self" id="AcuteCareAPPE" name="AcuteCareAPPE">HealthPartners Regions Hospital-Level 1 Trauma Center, St. Paul</a>

And here's CSS code I've got. Because its the NING network, the CSS is placed onto a "box" on the bottom of the "mother page":

<style>

#AcuteCareAPPE{
background-image:url(http://www.acutecarecontinuum.com/Portals/0/IMG_3192_ver2.jpg);

background-position: -50px, +10px;

}

</style>

So you see that I'm trying to make the links to those 4 pages (all have same ID of AcuteCareAPPE) to have the same background, but my CSS code ends up returning a div of the background image surrounding those links instead. I've also tried to add <body id="...."> tags to each of those daughter pates, and then attempt to use CSS in the Advanced section on top to try and set their background images, but for some reason everytime I set a body id tag on a page, it disappears.

0 members favorited this

▶ Reply to This

Replies to This Discussion

Permalink Reply by JenSocial on September 29, 2013 at 11:01am

Hi Albert,

Sounds like you're adding pages to a Ning 2.0 network, and adding the style tag at bottom of page in the Custom box (see below). If this is correct, you will need to add the same style tag to all the subsequent pages. The tag will need to be added as the body tag for each page. See my example style in screen shot below.

Hope that helps,

Jen

▶ Reply

Permalink Reply by Albert Lu on September 29, 2013 at 2:24pm

Hi Jen,

Thanks for this note! I was wondering however, will be it be possible to add the same body ids to each of those pages and then use the Advanced options on top to brute force a CSS background on all of them? Compared to what you posted, that would be much faster, as I have many of those daughter pages that need backgrounds, and trying to post the CSS code on each of them manually would be laborious.

Thanks!

▶ Reply

Permalink Reply by JenSocial on September 29, 2013 at 10:10pm

Hi Albert,

There is no way that I know of, because in Ning 2.0 there are no body tag names. So, we couldn't assign the same body to all /pages. If we could, it would need to be added to the main or global custom CSS box. You will need to add to each page under the box in screen shot. I would not add too many pages though, because they will not transfer to Ning 3.0 - - I don't think. And we'll have to migrate to Ning 3.0 in about 1 year.

Best of luck,

Jen