Page Background Colour Setting Has No Effect?

[nstratman]

I’m in the process of developing a site and getting to grips with Weaver Xtreme+. I notice a field on the edit Page form to change the background colour of the page. I think this might be useful for styling different types of content on the site. But it doesn’t have any effect.

The page below has its background set to #12259, a rather garish nail varnish pink. 🙂 

http://www1.christmastreefestivals.org/background-test-page/

[scrambler]

The page background color is the Body tag color, The overall Background color of the whole browser area for that page.

Yours is indeed  set to the color you specified, but you also have a background image set for the Overall background and that covers it.

If you want to remove the background image on that page, add the rule below in the Per page Style box 

{background-image:none;}

[nstratman]

Thankyou. I pasted in your rule as suggested to see the effect and it’s made no difference? I did temporarily remove the background image via the dashboard so I could see the effect and it’s not what I had assumed from the field description on the page edit.

On a general point, perhaps you could consider adding a little explanatory note next to that option. On seeing a box called Page BG Color on a page edit, I would personally assume I’m only colouring the actual page on which the page content sits, independent of the site background image.

[scrambler]

You probably need !importatnt

{background-image:none !important;}

If you want to set the color of the wrapper area on a page you can put the Rule below in the per page style box

#wrapper {background-color:red !important;}

[nstratman]

Yes that works thank you. Time to ditch that colour now… I still don’t think it’s logical though to describe an option as page background when it actually applies outside the page width you set.

[Author]

Posts