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

Strumelia replied to Allison Leahy's discussion What are you most excited about?
"Goodness. Are you being humorous, I hope?  Maybe I'm misunderstanding? 
SP, I will certainly give y…"
11 minutes ago
Garfield Creator replied to John McDonald's discussion INTRODUCING NING 3.0: THE RE-IMAGINING OF OUR PRODUCT
"500k actually. That's a lot of people. What a shame and there are new twilight shorts planned."
26 minutes ago
SweetPotato replied to Allison Leahy's discussion What are you most excited about?
"Well my plugin will cater for that too, not that I expect any thanks from you :-)"
36 minutes ago
Writer Chick {Diane} replied to John McDonald's discussion INTRODUCING NING 3.0: THE RE-IMAGINING OF OUR PRODUCT
"The TWilight saga one is still there.  They've changed their domain name to thetwilightsagacommunit…"
57 minutes ago
Tim Atkinson replied to Tim Atkinson's discussion My letter to Bernard Desarnauts, SVP & GM, Ning
"I have also cc'd in Phil McCluskey, late of this parish...."
2 hours ago
Scott Bishop replied to Allison Leahy's discussion What are you most excited about?
"Could not have said that any better Strumelia. It's sad that N3'ers just don't get it. "
2 hours ago
Edie2k2 replied to Ning's discussion Update to Product Roadmap and Communication Changes
"Hilarious. Strumelia you are wrong for making me laugh so hard. So wrong...smh *laughing* Right no…"
3 hours ago
Strumelia replied to Gary Cobb's discussion WHAT'S UP WITH NING 3.0
"My 4000 very active members are passionate about my 5 year old Network.
I persevere for their sake:…"
4 hours ago
Strumelia replied to Ning's discussion Update to Product Roadmap and Communication Changes
"A new lonely response to some poor soul, from Ning on their FB page today:




Foxx B Crea
Yesterda…"
4 hours ago
Gary Cobb replied to Gary Cobb's discussion WHAT'S UP WITH NING 3.0
"Love your humour Strumelia.. and your passion and perseverance on Creators. "
4 hours ago
Strumelia replied to Gary Cobb's discussion WHAT'S UP WITH NING 3.0
"Gary, it's not just a UK thing-  you are not the first person to post here about that.  Yes it does…"
4 hours ago
Strumelia replied to John McDonald's discussion INTRODUCING NING 3.0: THE RE-IMAGINING OF OUR PRODUCT
"Yep, pretty much dead as a doornail.
Check out the main page- too funny!-  their site banner reads…"
4 hours ago
Strumelia replied to Allison Leahy's discussion What are you most excited about?
""Ning 2 will not run along side Ning 3. Ning 2 is going to stop, dead, no more, the end."
Steve,  2…"
4 hours ago
Strumelia replied to Allison Leahy's discussion What are you most excited about?
"I would need a video feature like I have in my 2.0-  where it's my thousands of members who add the…"
4 hours ago
Strumelia replied to John McDonald's discussion INTRODUCING NING 3.0: THE RE-IMAGINING OF OUR PRODUCT
"Elson i did get some awesome support a few weeks ago on my 2.0 to solve an archiving problem.  The…"
5 hours ago
Strumelia replied to John McDonald's discussion INTRODUCING NING 3.0: THE RE-IMAGINING OF OUR PRODUCT
"Curtis don't be afraid to tell us how you really feel.    =8-o    lol... "
5 hours ago
Tim Atkinson replied to Gary Cobb's discussion WHAT'S UP WITH NING 3.0
"Glad it's not just me - think that every time I see it!"
5 hours ago
steve replied to Allison Leahy's discussion What are you most excited about?
"N2 will not continue on, unless someone is going to sell the software once its no longer in use,,,…"
6 hours ago
Ana Jovanovic and Eve Bellator joined Ning Creators Network
6 hours ago
SweetPotato replied to Kos's discussion OK Ning Wizards - I Need Your Help
"Kos,If you're still struggling with this (or haven't already paid for the work elsewhere), then I'v…"
6 hours ago
More…