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

Bizz ( John ) replied to Pat Howlett's discussion talkfunnels.com is Live!
"Hi Pat, nice to see you back. I also came back onto Ning a few months ago once I found out that Mod…"
7 hours ago
Thisisbully replied to Saurabh's discussion Has any one created android ios mobile app ning 3.0
"The guys on here are older than computers lol they do not work on anything mobile on here ,the day…"
12 hours ago
Saurabh replied to Saurabh's discussion Has any one created android ios mobile app ning 3.0
"no one ?"
19 hours ago
Dr. Krishna Kumari Challa replied to Dr. Krishna Kumari Challa's discussion Now I cannot save anything on my network!
"Infact the 'save button is not even reacting when you click on it most of the times! The problem st…"
yesterday
Dr. Krishna Kumari Challa replied to Dr. Krishna Kumari Challa's discussion Now I cannot save anything on my network!
"Yes, I got this reply from you...
Thanks for contacting us.
We have tested the network and especial…"
yesterday
Bizz ( John ) replied to Martin Buzz's discussion Can I limit number of Photos uploaded?
"Hi Martin, do you mean in total or just the amount being uploaded at one time ?"
yesterday
Bizz ( John ) replied to Bizz ( John )'s discussion Why Are The Events Not Listing The Same Way As UpComing In My Events Or Categories ?
"Thanks for the reply Kyrl, I think this is a priority to do as  the way it stands at the moment if…"
yesterday
Kos replied to FedMedic's discussion Members only page is seen by everyone
"We had over 17,000 posts, not including comments.  No way!  lol"
yesterday
Kos replied to Martin Buzz's discussion Can I limit number of Photos uploaded?
"I'm sure there's a way, although I can't say that I've seen it.  If you can't locate it with a sear…"
yesterday
FedMedic replied to FedMedic's discussion Members only page is seen by everyone
"Agreed, it would be hard to leave it behind, however, I could leave it up to our members to manuall…"
yesterday
Kos replied to FedMedic's discussion Members only page is seen by everyone
"The big problem is leaving so much data behind.  Not all the json files function on export so you w…"
yesterday
FedMedic replied to FedMedic's discussion Members only page is seen by everyone
"Yeah, that's what I thought and I agree with you. That canned "cache" excuse is wearing a tad thin.…"
yesterday
Kos replied to FedMedic's discussion Members only page is seen by everyone
"Yes, it's displaying.  Tell Ning to drop the canned 'cache' excuse and get off their backside.  You…"
yesterday
Pat Howlett replied to medicsindex's discussion Ning Wants old Members Back !!! and ,,
"Well it worked on me :]
Saw that new ownership had arrived, saw them taking responsibility for wher…"
yesterday
Pat Howlett replied to Pat Howlett's discussion talkfunnels.com is Live!
"Gota share how fun it is again to be building a community of like minded folk -  I've missed it gre…"
yesterday
Kyryl_Ning_Support replied to Dr. Krishna Kumari Challa's discussion Now I cannot save anything on my network!
"Hi there,
Please check your email address, we have sent the reply on your ticket.
And apologies for…"
yesterday
Kyryl_Ning_Support replied to Bizz ( John )'s discussion Why Are The Events Not Listing The Same Way As UpComing In My Events Or Categories ?
"Hi John,
The task to change the logic of event appearing has been already created however as curren…"
yesterday
Kyryl_Ning_Support replied to Yana Ning Support's discussion CAPTCHA - NO BOTS AND SPAMMY CONTENT
"Hi there,
It seems that for some reason domain blockage hasn't worked out for that user specificall…"
yesterday
Kyryl_Ning_Support replied to Lisa's discussion WHOLE SITE COMPLETELY VANISHED PLEASE HELP - URGENT RESPONSE NEEDED
"Hi Lisa,
Sorry but unfortunately, we don't know why exactly the domain mapping has stopped working…"
yesterday
Howard Sands replied to Bryce Rubio's discussion A Follow-Up Message from our CEO
"Agreed. I hope the idea gets some traction. "
Thursday
More…