Pagebackground CSS question

[aceofspades]

When applying a page background CSS function it applies to everything that is on top of the page background as well. Is there any way to stop it doing this? So this is what it is currently doing when i apply a css to the pagebackground (red transparent box there to show the affected areas):



But i dont want it to apply over the top of everything, i want it to be like this:



If anyone can help me get this working i promise i will stop with all the annoying questions on here!

James

[da420]

I believe you want to change body background...

[aceofspades]

Nope, the body background is the what is shown on the images as grey, i want to change the pagebackground with CSS without the CSS applying to the forums on top.

[MobileBros]

just add this to your css

.page
{
	background: #FFFFFF url(if you want to use a url image as a background) repeat center fixed;
	color: #000000;
}

enjoy.

[aceofspades]

Thank you for the reply but thats not quite what im after.

I have applied a CSS to the page background but its affecting everything on top of the page background in the same way. For example, if i made the pagebackground a semi transparent red colour like in the picture, it would make everything on the page semi transparent red too like the forums, but i want to be able to do that to the page background and leave the transparency of the forums, navbar etc untouched

Is this not possible then? Can i not stop the CSS from the page background applying to everything ontop of it like the forums.

[Princeton]

not sure what you want to do but
the class "page" is what you want to edit ...
go to Style Manager and change the color

[aceofspades]

My problem in short is this, im tryinng to put a css effect on my pagebackground, however when i applly that css it also applies itself to everything over the pagebackground, i.e forums etc. If you check the two pics above, they can expllain it better than i can. I just want to apply tihs effect to the page background without it applying to everything on top of the page back ground, in this case the actual forums, navbar and footer.

[Princeton]

most likely the problem is your css ...
post the css so that people can help

[aceofspades]

For example, using this CSS in the pagebackground:

filter: blur(add=false, direction=135, strength=6);

This applies the blur filter to this area (shown by the red):



BUT i only want it applied to the area shown here in red:



A giant E-cookie for anyone that can help, its probably not going to be easy.

(:

[aceofspades]

$40 reward for this now. Check the paid request forum.