CSS Help in Userlookup: Getting rid of white

[KSpiffy]

So I'm creating a new userlookup, here. I'm pretty good with the most of the code, but I'm stumped on how to remove certain aspects. I want to remove the white behind my User Info, Shop, & Trophies sections. Is there any code to make that white transparent, or, if not, how can I go about that? (Since I've seen lookups where they have image backgrounds.)

 

I'm also wondering if it's possible to remove the subheads (ie, "User Info.," "Neopets," "Shop & Gallery," etc.)

 

And, finally, wondering if it's possible to make the background a different, solid color. ^-^

 

Thanks for help :D

[Iona]

You seem to have already removed the white. :)

 

To change the background: (copy and edit red with desired colour)

<style>

body { background: #000000; }

</style>

 

To remove module headers (User info, Shop headings etc):

<style>

.contentModuleHeader, .contentModuleHeaderAlt { display: none; }

</style>

[KSpiffy]

You seem to have already removed the white. :)

 

To change the background: (copy and edit red with desired colour)

 

 

To remove module headers (User info, Shop headings etc):

 

The module header code worked like a charm :D

 

Also, I can change the background, but that made me realize that there's a white table behind all the text where it's white. I also haven't been able to remove the white that's behind the various modules.

 

To better illustrate what I mean, I've highlighted the various sections of color that I'd like to change. There's the white table that's not associated with any module, which I'd like to change to the same color as the background; there's also the white that's behind all the modules (this is how they appear in my Firefox and my IE), which I want to make transparent.

 

^-^ Thank you so much for your help, Iona. Hopefully you or someone else will know how to fix this up, too.

[Iona]

The module header code worked like a charm :D

 

Also, I can change the background, but that made me realize that there's a white table behind all the text where it's white. I also haven't been able to remove the white that's behind the various modules.

 

To better illustrate what I mean, I've highlighted the various sections of color that I'd like to change. There's the white table that's not associated with any module, which I'd like to change to the same color as the background; there's also the white that's behind all the modules (this is how they appear in my Firefox and my IE), which I want to make transparent.

 

^-^ Thank you so much for your help, Iona. Hopefully you or someone else will know how to fix this up, too.

 

Ahh, I'm sorry. I was viewing in Google Chrome, the box backgrounds appear transparent to me.

I'll open up IE.

 

Bear with me, I'll try to figure out how to fix it.

 

EDIT 1:

 

Wow, I should've figured this one out sooner. I KNEW that I knew how to do this. Okay, I've got the white module boxes removed:

<style>

 

.contentModule, .contentModuleContent {background:none;border:none;}

</style>

 

Give me more time to figure out the annoying background table.

 

EDIT 2:

 

Huh? This was the first thing I tried... but the first time it didn't work. I was almost giving up, then for some reason I decided to try again and it worked.

To remove the annoying white box at the back:

<style>

#main {background: none; border: none;}

</style>

I suggest you put this code right at the top. It's the only place it seems to be working.

 

EDIT 3:

 

You're welcome by the way :)

 

Okay, it's 3:32AM... I have to get up for school in less than 4 hours.

 

Good night!! Hope everything works okay now! :D

Edited May 4, 2011 by Iona

[KSpiffy]

You're awesome :D I'll check it out in the morning and let you know if it works/doesn't. Thank you so much.

 

Edit: Iona, you're amazing in every single way! It's working in all my versions now :D I can't thank you enough!

[Iona]

No problem at all :)

I'm glad everything is working now. Good luck with your layout!