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 Ryan O'Rourke's discussion Need Help Adding Pinterest "Pin It" Button
"I just did a search and wallah.  Any problems, I would contact the member who posted it. http://cre…"
8 hours ago
Fire-Tech replied to Kos's discussion OK Ning Wizards - I Need Your Help
"Just added. Much better! Thanks for sharing ;)"
8 hours ago
John Bizley replied to John Bizley's discussion 1940s Social Network Site Now Closed
"Thanks Tim and pleased my site had helped you in some way. No I will not be continuing the 1940s si…"
8 hours ago
Edie2k2 left a comment for Edie2k2
"Now Playing: Bill Withers"
9 hours ago
SweetPotato replied to Kos's discussion OK Ning Wizards - I Need Your Help
"Looking good."
9 hours ago
Tim Atkinson replied to Ken Rich's discussion Ning Lied To Us - Your Content is Not Safe
"I'm taking backups every day at the moment. Seeing all this about the Archives being buggy, am I wa…"
9 hours ago
Tim Atkinson replied to John Bizley's discussion 1940s Social Network Site Now Closed
"So sorry to hear that, John. If hadn't been for the evolution of the 1940s Social Network, I for on…"
10 hours ago
Kos replied to Kos's discussion OK Ning Wizards - I Need Your Help
"Yes that did it.  I'm still fiddling with tweaking a border but here's how it looks.  Thank you aga…"
10 hours ago
SweetPotato replied to Kos's discussion OK Ning Wizards - I Need Your Help
"Hi Kos
Yes, i just realised that the site I developed it on doesn't have other content instances on…"
11 hours ago
Ken Rich replied to Ken Rich's discussion Ning Lied To Us - Your Content is Not Safe
"Done - I forwarded your info - thanks."
11 hours ago
Strumelia replied to Ken Rich's discussion Ning Lied To Us - Your Content is Not Safe
"Crystal didn't need a crystal ball either.  ;D"
11 hours ago
Ken Rich replied to Ken Rich's discussion Ning Lied To Us - Your Content is Not Safe
"I have no idea, but thanks to their policy changes and future road map to nowhere, whoever is left…"
12 hours ago
Ken Rich replied to Ken Rich's discussion Ning Lied To Us - Your Content is Not Safe
"Thanks for another confirmation of the obvious. Greatly appreciated."
12 hours ago
Strumelia replied to Ken Rich's discussion Ning Lied To Us - Your Content is Not Safe
"Thanks Ken.  Please tell the programmers and powers that be over in JR to take a glance at my music…"
12 hours ago
Ken Rich replied to Ken Rich's discussion Ning Lied To Us - Your Content is Not Safe
"Understood. I am a non coder too but I'm managing. User friendliness is exactly what I'm pushing to…"
12 hours ago
JFarrow replied to Ken Rich's discussion Ning Lied To Us - Your Content is Not Safe
"I wonder how many of these folks still work for Mode/Glam/Ning"
13 hours ago
JFarrow replied to Ken Rich's discussion Ning Lied To Us - Your Content is Not Safe
"As a Ning for Hire i get at least 5 requests for help from new community managers every single week…"
13 hours ago
Alvaro Suarez, Ryan Jenkins, Paul Kiczek and 4 more joined Ning Creators Network
13 hours ago
Alvaro Suarez is now a member of Ning Networks en español
13 hours ago
Strumelia replied to Ken Rich's discussion Ning Lied To Us - Your Content is Not Safe
"Hi Ken, not ready to test drive yet but I did sign up for the Ning-to-Jamroom newsletter, thanks. …"
13 hours ago
More…