Replies to This Discussion

Permalink Reply by Intl. Starseed Network (ISN) on September 15, 2013 at 7:08pm

Thank you jen! worked perfectly...I will send you that PM at the end of the month :) I mean Ning 3.0 is still a little weird, for example the below header box where I would put my ads doesn't show on all pages, just the main page, which means I would have to add it to all pages. But overall it's good especially now that these codes have helped :D 

• ▶ Reply

Permalink Reply by Intl. Starseed Network (ISN) on September 15, 2013 at 7:22pm

Never mind I figured it out LOL...now it's perfect :)

• ▶ Reply

Permalink Reply by JenSocial on September 15, 2013 at 7:32pm

Oh good, didn't see this message until I'd already typed in the answer. =) Good deal.

• ▶ Reply

Permalink Reply by JenSocial on September 15, 2013 at 7:31pm

Excellent.

No, you don't have to add to all pages. It's just not very intuitive. Go to your box, copy your code because it won't move over to this area for all pages - - click on "Use default below header HTML". Paste the code in that box, and click on save. Then, it will show on all pages.

• ▶ Reply

Permalink Reply by Intl. Starseed Network (ISN) on September 17, 2013 at 11:20am

Thanks Jen took me a bit to figure that out...but now I can say, I am ready for 3.0! thanks for all your help Jen :) you have helped so much with 2.0 and now 3.0...you do such a service. I am SO grateful for you being you! I bet SO many creators would be so lost without your help :) 

• ▶ Reply

Permalink Reply by OMGEDSON on April 30, 2014 at 1:00am

Boo!

• ▶ Reply

Permalink Reply by JenSocial on April 30, 2014 at 11:44pm

;-)

• ▶ Reply

Permalink Reply by Lady Shadow )0( on July 11, 2015 at 6:34pm

I would love to add box shadow around my moduals an front page  I have tried old css it wont take

• ▶ Reply

Permalink Reply by JenSocial on July 11, 2015 at 11:48pm

Ning 3.0 Module Shadow

For a Ning 3.0 site, try one of these:

The 1st block is for the entire Module Grid (outside area).

The 2nd block is for the inside area of the modules:

/* Modules Outside Area  - Shadow around Titles and Content */

.page-home div.grid-frame {
     -webkit-box-shadow: 0px 2px 12px 0px rgba(102,102,102,0.69);
     -moz-box-shadow: 0px 2px 12px 0px rgba(102,102,102,0.69);
     box-shadow: 0px 2px 12px 0px rgba(102,102,102,0.69);
}

/* Modules Inside Content Area - Shadow around Content, only */
.page-home .module-body {
     padding:4px;
     -webkit-box-shadow: 0px 2px 12px 0px rgba(102,102,102,0.69);
     -moz-box-shadow: 0px 2px 12px 0px rgba(102,102,102,0.69);
     box-shadow: 0px 2px 12px 0px rgba(102,102,102,0.69);
}

To learn how to adjust the values, go here:

http://www.cssmatic.com/box-shadow

If the shadows don't show up, at the end of each shadow line, replace the ; with !important;

Best,

Jen

• ▶ Reply

Permalink Reply by Lady Shadow )0( on September 13, 2015 at 6:36pm

Love it but how about on all moduels through site, 

• ▶ Reply

Permalink Reply by JenSocial on September 15, 2015 at 8:14pm

Hi Shadow,

If you remove the .page-home, that should accomplish more of what I think you're looking to do:

.module-body {
     padding:4px;
     -webkit-box-shadow: 0px 2px 12px 0px rgba(102,102,102,0.69);
     -moz-box-shadow: 0px 2px 12px 0px rgba(102,102,102,0.69);
     box-shadow: 0px 2px 12px 0px rgba(102,102,102,0.69);
}

Best,

Jen

• ▶ Reply

Permalink Reply by Lady Shadow )0( on September 15, 2015 at 9:23pm

Oh Blessed be thanks was nervous about messing it up 

• ▶ Reply

• ‹ Previous
• 1
• 2
• 3
• 4
• 5
• Next ›
• Page