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

Donna Mac replied to The Ning Team's discussion Exciting News About Ning + Cyndx LLC
"This my friends is total bullshit and we all know it.  Those of us hanging on, we belong to a club…"
4 minutes ago
Emin Schmidt replied to shironala's discussion My site is dowen again!!!! Help SOS
"Hello, its the same here with our site and no answer from the ning support. We loose the trust to n…"
50 minutes ago
Prithwis Mukerjee replied to The Ning Team's discussion Exciting News About Ning + Cyndx LLC
"Does this mean that we have nothing to do? Except wait for the Ning team to come in on Monday and s…"
6 hours ago
David Deubelbeiss replied to The Ning Team's discussion Exciting News About Ning + Cyndx LLC
"Let's not forget to mention emails from google like this below. Been going on with me for a year an…"
7 hours ago
Suzie Nielsen replied to The Ning Team's discussion Exciting News About Ning + Cyndx LLC
"I wish you luck..."
7 hours ago
Suzie Nielsen replied to Just Asking's discussion Big Brother Much?
" ya can't see them because they are not being posted... those comments."
7 hours ago
Steve Hargadon replied to The Ning Team's discussion Exciting News About Ning + Cyndx LLC
"For all those with 500 errors (which includes about half of my own networks right now) - my previou…"
9 hours ago
Suki Winthrop replied to Just Asking's discussion Big Brother Much?
"What comments are you referring to?"
10 hours ago
Chazz replied to The Ning Team's discussion Exciting News About Ning + Cyndx LLC
"Donna. I am on the group Ex Creators now, and they are helping me search for a platform that will f…"
10 hours ago
Donna Mac replied to The Ning Team's discussion Exciting News About Ning + Cyndx LLC
"Oh I understand why some browsers might work better for some, etc.,  but it just seems easier to me…"
11 hours ago
Suzie Nielsen replied to The Ning Team's discussion Exciting News About Ning + Cyndx LLC
" This is the way I understand it.... I have one member using TOR, and the rest are on Chrome...some…"
11 hours ago
Frank replied to The Ning Team's discussion Exciting News About Ning + Cyndx LLC
"Certainly not an all-purpose measure, I agree. If your site is down no browser will reach it. But f…"
12 hours ago
Donna Mac replied to The Ning Team's discussion Exciting News About Ning + Cyndx LLC
"A smaller not well known browser is not the answer.  If it is down, it is down and not the problem…"
12 hours ago
Frank replied to The Ning Team's discussion Exciting News About Ning + Cyndx LLC
"As a stopgap measure for folks who are unable to reach their Ning site, our members have reported s…"
13 hours ago
GASMAN replied to The Ning Team's discussion Exciting News About Ning + Cyndx LLC
""500; Unepected Errors" plague my main site but not my auxilary sites. Why is that? Are you targeti…"
14 hours ago
admin replied to The Ning Team's discussion Exciting News About Ning + Cyndx LLC
"Hi,
As your first priority please stabilise the existing estate.
I wanted to see how much I have be…"
15 hours ago
Roxanne Furlong replied to The Ning Team's discussion Exciting News About Ning + Cyndx LLC
"My site was working this morning like a champ, now all I get is the 500 error message. Where the he…"
15 hours ago
Ruud Janssen is now a member of NING NETWORKS EUROPE
18 hours ago
Boris Agranovich replied to Boris Agranovich's discussion Change nofollow links to dofollow links
"Thanks The Builder,

Should I put it in the customs code of my site?
If this so, than all outbound…"
yesterday
Chazz replied to The Ning Team's discussion Exciting News About Ning + Cyndx LLC
"Thank you Fire-Tech! I don't understand why I didn't Pick it up like I did everything else. This sh…"
yesterday
More…