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 Bizz ( John )'s discussion New Feature On My Demo Site: Filtering The Activity Feed
"Thanks Kyrl that's great to hear  :-)"
43 minutes ago
Bizz ( John ) replied to Bizz ( John )'s discussion Enhance Your Social Channels Player ( All code I have used on my site )
"Your welcome Dan, glad you liked it. :-)"
44 minutes ago
Bizz ( John ) replied to Bizz ( John )'s discussion Enhance Your Social Channels Player ( All code I have used on my site )
"Thanks Giovanni :-)"
45 minutes ago
Dan Lee replied to Bizz ( John )'s discussion Enhance Your Social Channels Player ( All code I have used on my site )
"Thank you! Ning need to put you on payroll. You are a beast!"
1 hour ago
Kyryl_Ning_Support replied to Bizz ( John )'s discussion New Feature On My Demo Site: Filtering The Activity Feed
"Hi John,
Looks really interesting. I have already passed this suggestion to the management.
Thanks,…"
2 hours ago
Maessa Cucatti is now a member of Ning Creators Network
2 hours ago
Bizz ( John ) replied to Bryce Rubio's discussion A Follow-Up Message from our CEO
"Hi Jesse
There are a lot nc's willing to help on the Creators forum, if you post some questions int…"
7 hours ago
Jesse Hutson replied to Bryce Rubio's discussion A Follow-Up Message from our CEO
"Hi I realize I am just a beginner at this, and not very versed in all that is going on.  It's OK, I…"
13 hours ago
Kos replied to Bizz ( John )'s discussion New Feature On My Demo Site: Filtering The Activity Feed
"Hey John, maybe they're hiring.  lol"
20 hours ago
Bizz ( John ) replied to Bizz ( John )'s discussion How To Change A Multi Category Select Box Into A Single One
"Thanks JF :-)"
yesterday
Neil Bekemeyer is now a member of Ning Creators Network
yesterday
Kos replied to Bryce Rubio's discussion A Message from Our CEO
"The prior owners probably were in the middle of this build when the sale (and their layoff) was ann…"
yesterday
Dan Lee replied to Bryce Rubio's discussion A Follow-Up Message from our CEO
"Great to see you guys on top of things, brings joy to my heart. Keep up the great work guys. By the…"
yesterday
Dan Lee replied to Bryce Rubio's discussion A Message from Our CEO
"And everything said here. lol"
yesterday
Dan Lee replied to Bryce Rubio's discussion A Message from Our CEO
"More storgespace would be nice! Need more than 1gb.
A easy way to  add theme for uploading videos.…"
yesterday
Kos replied to Bryce Rubio's discussion A Message from Our CEO
"To clarify.  #10 above I would say a slider that actually plays off a category.  Why offer category…"
yesterday
Kos replied to Kos's discussion Something New Has Appeared
"Well that's pretty stupid.  Why offer 'category' if it doesn't play from it.  *sigh*  It figures. …"
yesterday
Bizz ( John ) replied to Kos's discussion Something New Has Appeared
"It's not broken as such, it won't play from a category. You have to select one of the standard ones…"
yesterday
Kos replied to Kos's discussion Something New Has Appeared
"Yeah the slideshow doesn't like me.  I haven't gotten around to trying to repair it."
yesterday
⚡JFarrow⌁ commented on Fraser J. Hay's blog post I need a customised signup/splash page? in Hire a Creator
"ill send you my contact info..."
yesterday
More…