If you are using or experimenting with Ning 3.0, and need help on small tweaks, add them here. Or, if you would like to share tweaks, we'd love to hear them. Please keep this discussion for simple tweaks. If you want to add a Ning 3.0 Tip, feel free to create new Discussion.

Views: 2105

Reply to This

Replies to This Discussion

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 

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

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

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.

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 :) 

Boo!

;-)

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

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

Love it but how about on all moduels through site, 

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

Oh Blessed be thanks was nervous about messing it up 

RSS

Members

© 2024   Created by JenSocial.   Powered by

Badges  |  Report an Issue  |  Terms of Service

Home
VIP Ning Tips