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

Forum

Semi Transparent Module Body

Hello, 

I have read various discussions about adding a semi-transparent background to the body of a site while allowing the text and other content to still be fully visible, but I can't get it to work on my site. 

I have added opacity css to the .xg_theme #xg_body and it makes the whole page semi transparent 

I added the same code to the .xg_theme .xg_module and it makes the whole module and content within it transparent. 

Please advise on how to create a semi transparent black background for my page that allows the content in the modules to still be fully visible. Similar to this site -  http://themeforest.net/item/clubber-events-music-wordpress-theme/full_screen_preview/3427687 

Your help would be very appreciated! 

Thanks! 

My site is still under construction - www.midwestmusik.com 

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

Join Ning Creators Network

Email me when people reply –

Replies

  • Try to set this instead:

    #xg.xg_widget_main.xg_widget_main_index.xg_widget_main_index_index

  • have you tried #xg_body {

    im almost doing that right now.... http://yubasutterconnect.com

  • Hey everyone thanks for your examples - I tried them all - what I ended up doing is using Photo shop to create an image that appears transparent by having the background layer source be the image I use in my website background then add another layer, a black (or any color you want) layer on top set to .3 opacity so that you see the background through it. When you save it as a png and upload it as the image for the main content, setting the modules to transparent - the background has a black shade over the background giving it the semi-transparent look I wanted. Thanks for your help! 

    • that is exactly the approach I've used recently:

  • Check out our site > http://uk-christians.net

    We've made the modules' backgrounds semi-transparent by using an Adobe Fireworks image

  • The way it should be done is using a RGBA color code with the occupancy added at the end. To make the color more pronounced or more transparent just raise or lower the number 0.43 at the end of the code. Here's the code.

    #xg_body{
     background-color: rgba(000, 000, 000, 0.43)!important;}

    • Thanks George, I'll try this out.

      • You're welcome Alexander
        If you want it just for the modules Like on your site here's the code for that. :-)
        .xg_module{
            background-color: rgba(000, 000, 000, 0.43)!important;}

        • Thanks again.. I'll try them out tomorrow..!

This reply was deleted.

Search the Creators Network

Latest Activity

JFarrow replied to JFarrow's discussion Community Compass: Reimagining Getting Started Guides for Online Communities-UPDATED
"Just a quick note to let those of you who are using the Community Compass that I have added a new w…"
1 hour ago
SweetPotato replied to SweetPotato's discussion Simple, Responsive Slider for Ning 3.0
"For anyone who is interested in dynamically loading blog posts into this slider (i.e. no manual upd…"
2 hours ago
Jamie Baker replied to Gerry Emery's discussion I'd like to see an example or two of the new NIng 3.0 websites
"Looks great Mike, one of the best I've seen & that was just on mobile, will look again on desktop l…"
3 hours ago
Mike Collins replied to Gerry Emery's discussion I'd like to see an example or two of the new NIng 3.0 websites
"Here's ours and after migrating just a couple of weeks ago it's great to see it come to life. There…"
4 hours ago
steve replied to Gerry Emery's discussion I'd like to see an example or two of the new NIng 3.0 websites
"Can see i have a long way to go looking at some of these wonderful sites but im happy with it so fa…"
16 hours ago
JFarrow replied to JFarrow's discussion How to Map Your Members on a Ning Network
"Because this actually happens outside of the actual network, i don't see how they could, Gerry....…"
17 hours ago
JFarrow commented on Gerry Regan's blog post Seeking provider of alternative to Apps.IO's Listings app. in Hire a Creator
"If you're still looking for help with this, I have a few ideas...ill send you my contact info.."
18 hours ago
JFarrow left a comment for Natasha Dyer
"Just sent you a message by email...happy to help!"
18 hours ago
JFarrow replied to Bernard Lama's discussion Thank you TJ, Jen and other NCs!
"for sure... always inspired by these guys!"
21 hours ago
Tyler Durbin replied to Bernard Lama's discussion Thank you TJ, Jen and other NCs!
"TJ has saved my butt a few times!  The guy is a master at what he does and his code always works fl…"
22 hours ago
Rowald replied to Rowald's discussion Site host name, https://network.com, does not match your SSL certificate Subject Name
"Hi Laura, well.. like Amanda said it's expected behavior on their end. Not sure if there is anythin…"
yesterday
George H. Compton IV replied to Bernard Lama's discussion Thank you TJ, Jen and other NCs!
""
yesterday
Katie McKay replied to Bernard Lama's discussion Thank you TJ, Jen and other NCs!
"Agree!"
yesterday
George H. Compton IV replied to soaringeagle's discussion mobile traffic reaches new high and no 3.0 completion date in sight
"Hello seoaringeagle :-)  fullwidth responsive Ning 2.0 network. That's what I'm working on right n…"
yesterday
Kos replied to Heather Ales's discussion How to center group images in Group Hub
"Oh cool.  I had worried a/b how it would appear oh phone when it needs to be responsive (had just p…"
yesterday
Heather Ales replied to Heather Ales's discussion How to center group images in Group Hub
"That worked perfectly! Thank you!!"
yesterday
Kos replied to Heather Ales's discussion How to center group images in Group Hub
"Heather try this (you might need to adjust the 242 up or down) although centering the actual "table…"
yesterday
Jamie Baker replied to Jamie Baker's discussion Ning 3.0 Tips, Tools and more.
"Cheers John, A few members creeping in now."
Sunday
Heather Ales is now a member of Creators Dashboard
Sunday
Heather Ales replied to John Bizley's discussion Page Navigation, Categories & Groups Navigation Tabs Customize
"Thanks John!!"
Sunday
More…