Change background colors for each individual page
Does anyone have an idea how to change the background color of individual pages content?
It would need to override the themes CSS somehow?? Thanks |
This is possible since 3.3
Add a HTML/CSS Inserts -> CSS Insert HTML Code:
body#body-page-XX div.post { HTML Code:
body#body-page-XX div.post-bodycopy { |
Hi,
is this still possible? I'm using 3.4.1 and I'd like to style every page individually. --> color or background image. Nothing changed after inserting body#body-page-84 div.post { background: #000000; } into "CSS inserts". But: The following works - almost - fine. It displays the image inside the post area. div#post-84 { background: url(/testumgebung/wp-content/themes/atahualpa/images/test/da-vinci-vitruvian-man_1280.jpg) no-repeat; } Any ideas? Thank you!! Best, Vito |
as of 3.4, body-page-XX is now page-id-XX
|
Then this "CSS insertion" should have effect, shouldn't it?
body#page-id-84 { background: url(/testumgebung/wp-content/themes/atahualpa/images/test/da-vinci-vitruvian-man_1280.jpg) no-repeat; } Intention: individual background image on a special page. |
Well, does it work or not?
|
No, it doesn't work.
|
Look into the browser rendered source code (Browser -> View Source) to see if you have <body class="page-id-84 ..."
View yourdomain.com/testumgebung/wp-content/themes/atahualpa/images/test/da-vinci-vitruvian-man_1280.jpg in the browser to see if it exists at that location |
All times are GMT -6. The time now is 03:00 PM. |
Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.