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

Kos replied to Ramin Tehrani's discussion Global CSS keeps losing and pages get deleted- how to resolve-urgent help needed
"idk if this is at all related by on 10/26 I filed a ticket b/c my Leaderboards on a 2.0 network had…"
1 hour ago
Tim Atkinson replied to Ramin Tehrani's discussion Global CSS keeps losing and pages get deleted- how to resolve-urgent help needed
"Just filed my ticket - #888279, if anyone needs it..."
2 hours ago
Kos replied to Ramin Tehrani's discussion Global CSS keeps losing and pages get deleted- how to resolve-urgent help needed
"ok I decided to test out a page.  It wasn't in Design Studio but rather on the page itself.  Simple…"
2 hours ago
Tim Atkinson replied to Ramin Tehrani's discussion Global CSS keeps losing and pages get deleted- how to resolve-urgent help needed
"I know it's not your code! It's just my only frame of reference for when the CSS changed!"
3 hours ago
SweetPotato replied to Ramin Tehrani's discussion Global CSS keeps losing and pages get deleted- how to resolve-urgent help needed
"my reverted css occurred on a network without my photo code in it.
SP"
3 hours ago
Tim Atkinson replied to Ramin Tehrani's discussion Global CSS keeps losing and pages get deleted- how to resolve-urgent help needed
"Hi Kos & Ramin (and all),
Had a bit of time to investigate my history. Because all I've done recent…"
3 hours ago
Kos replied to Ramin Tehrani's discussion Global CSS keeps losing and pages get deleted- how to resolve-urgent help needed
"One would think if 'Ning' was fiddling in the backroom with their codes, the same would have happen…"
4 hours ago
Kos replied to Ramin Tehrani's discussion Global CSS keeps losing and pages get deleted- how to resolve-urgent help needed
"It's extremely strange.  I would definitely check your Design Studio 'History' and see if using one…"
4 hours ago
SweetPotato replied to Ramin Tehrani's discussion Global CSS keeps losing and pages get deleted- how to resolve-urgent help needed
"Same here, but in Theme CSS for a client. Most disconcerting. Off to the Facebook page to ask why .…"
6 hours ago
Tim Atkinson replied to Ramin Tehrani's discussion Global CSS keeps losing and pages get deleted- how to resolve-urgent help needed
"Are you saying that this is all that was left?"
9 hours ago
Tim Atkinson replied to Ramin Tehrani's discussion Global CSS keeps losing and pages get deleted- how to resolve-urgent help needed
"I don't know if they'll come back - I just meant that for me it was as if the Design Studio reverte…"
9 hours ago
SweetPotato replied to Vipster's discussion How to change the text color of one navigation tab with CSS in Ning 2.0?
"Thanks John, a good reference for what you're describing can be found here

https://developer.mozi…"
9 hours ago
Ramin Tehrani replied to Ramin Tehrani's discussion Global CSS keeps losing and pages get deleted- how to resolve-urgent help needed
"Is it possible to get the backup from History? I have changed the theme itself.I'll see how it goes."
12 hours ago
Jen replied to Ramin Tehrani's discussion Global CSS keeps losing and pages get deleted- how to resolve-urgent help needed
"Wow, not good. Could you not get your CSS back using the history feature?"
12 hours ago
Vipster replied to Vipster's discussion How to change the text color of one navigation tab with CSS in Ning 2.0?
"That's working. Thanks!"
15 hours ago
Ramin Tehrani replied to Ramin Tehrani's discussion Global CSS keeps losing and pages get deleted- how to resolve-urgent help needed
"You mean, the CSS codes will come back. By the way, how would I know which default theme is being u…"
16 hours ago
Ramin Tehrani replied to Ramin Tehrani's discussion Global CSS keeps losing and pages get deleted- how to resolve-urgent help needed
"Hello Tim,
Actually, there is only below CSS scripts which I didn't add. I had added huge chunk of…"
16 hours ago
Tim Atkinson replied to Ramin Tehrani's discussion Global CSS keeps losing and pages get deleted- how to resolve-urgent help needed
"Mind you, these things tend to happen when Ning is testing stuff...this could be a positive develop…"
16 hours ago
Tim Atkinson replied to Ramin Tehrani's discussion Global CSS keeps losing and pages get deleted- how to resolve-urgent help needed
"Similar happened to me - lost a couple of revisions I'd recently made, but not whole CSS - did any…"
16 hours ago
Tim Atkinson replied to Kos's discussion OK Ning Wizards - I Need Your Help
16 hours ago
More…