Hello,
So I’ve been trying to figure this out with the tutorial sent to me:
https://www.nathanrice.net/blog/wordpress-2-8-and-the-body_class-function/
Since my method didn’t work. Initially I thought that by creating the .php files as quoted in the previous post for example creating the “template-diff-bg-demo1.php” file and writing to code:
body {
text-align: center;
background: #191919 url('images/bg1d4.jpg') repeat-x top;
color: #FFFFFF;
font-family: 'Lucida Grande', Helvetica, Arial, sans-serif;
font-size: 11px;
line-height: 24px;
}
<body id="
<?php if (is_page_template('template-diff-bg-demo1.php')){
echo "template-diff-bg-demo1";}
elseif (is_page_template('template-diff-bg-demo2.php')){
echo "template-diff-bg-demo2";
}else{
echo "default";
}?>" >
div#wrapper {
text-align: left;
margin: auto;
width: 800px;
}
in the style.css and in the header.php:
<body id="
<?php if (is_page_template('template-diff-bg-demo1.php')){
echo "template-diff-bg-demo1";}
elseif (is_page_template('template-diff-bg-demo2.php')){
echo "template-diff-bg-demo2";
}else{
echo "default";
}?>" >
<div id="wrapper">
And by simply setting the template for the page to the desired php it would give that page the desired background image. This didn’t work and I don’t know why so I tried my interpretation of alchymyth’s solution which is in the header.php I replaced:
<body id="
<?php if (is_page_template('template-diff-bg-demo1.php')){
echo "template-diff-bg-demo1";}
elseif (is_page_template('template-diff-bg-demo2.php')){
echo "template-diff-bg-demo2";
}else{
echo "default";
}?>" >
with…
<body <?php body_class(); ?> >
I tried this for the About section of my page and found the body class code to be:
<body class="page page-id-2 page-template page-template-about-php logged-in" >
So I took the “page page-id-2 page-template page-template-about-php logged-in” and revised the code in the style.css to read:
body {
text-align: center;
background: #191919 url('images/bg1d4.jpg') repeat-x top;
color: #FFFFFF;
font-family: 'Lucida Grande', Helvetica, Arial, sans-serif;
font-size: 11px;
line-height: 24px;
}
body#page page-id-2 page-template page-template-about-php logged-in {
background: #191919 url(images/bg1d.jpg) top center no-repeat;
}
body#page page-id-254 page-template page-template-default logged-in {
background: #191919 url(images/bg1d3.jpg) top center no-repeat;
}
This didn’t work and now I’m lost and not sure what to do. I’m reading up on Adding Classes in Nathan Rice’s tutorial and looked into conditions but with my limited knowledge in coding its like trying to fit a large square into a small circle hole and this is not Apollo 13.
If someone can help that would be great and appreciated. Thank you for reading my story.
