Replies to This Discussion

Permalink Reply by JenSocial on May 27, 2010 at 12:31am

Matt,
I'm not sure if I quite got it. This may mess up other pages like members, home page, etc...

Give this a try:
.xg_widget_page #xg_body,.xg_module_body {background-color:transparent!important;}

Best,
Jen

Permalink Reply by LeafsZone on May 27, 2010 at 7:58am

Thanks Jen, Unfortunately that didn't work. Although when I changed the transparent to a color it worked just fine. I think maybe what I'm trying to do can't even be done? I've included a screenshot below. Essentially what I want to do make the white area transparent so that the blue background seen on the sides is visible.

Permalink Reply by JenSocial on May 27, 2010 at 10:32am

Interesting. There must be something in your CSS that's overriding these styles. Because I did this on your site via Firebug and it worked. I'll take another look this evening, and for the specific page above.
Best,
Jen

Permalink Reply by LeafsZone on May 27, 2010 at 12:59pm

Awesome, thanks so much jen!

I'm sure you'd find it anyway, but heres a direct link the the page.
http://www.ourleafs.com/page/forum-1

cheers!
Matt

Permalink Reply by JenSocial on May 27, 2010 at 2:26pm

Sorry Matt. I tried for 20+ minutes, and can't figure it out. Gotta get back to my projects.

Tip: It may be within the iframe.
Also, I think I saw an error in your CSS, it had some text something like this:
"To scroll your Latest Activity on Member Profiles too,just remove the main page class,like this: .xg_module_activity"

And it may be a comment. I didn't print out all the code. Make sure it's commented out appropriately, if it's in your CSS.

Good luck and wish I could have solved it quickly.
Jen

Permalink Reply by LeafsZone on May 27, 2010 at 11:29pm

Hey Jen, Just want to thank you. I was successful in making the background transparent. All I had to do was change ".xg_module_body" to ".xg_floating_container" I really hate to bother you with this but I just have 1 more thing. As you can see in the screen shot below, there is a gap between the top of the page and the navigation (note this is
not under "admin" view) I've tried different padding codes but no luck. Also, although not as big a deal, it would be nice to have the page as wide as the navigation. I've tried setting it to 955px, but no luck. Thanks again!

Permalink Reply by JenSocial on May 28, 2010 at 2:23pm

Hi Matt,
Your questions are very specific. If I can't figure CSS out in a few minutes, I wouldn't get anything done. I say this respectfully, just explaining. ;-) I did try. It has to do with your top navigation bar. It has some extra padding below it.

Sorry, would truly love to give you the perfect answer.

Here's what made some difference in the spacing:
.xg_widget_page #xg_navigation {margin-bottom:-25px !important;}

Best,
Jen