ansaurus

Question

How to handle this CSS issue with Wordpress?

Answer 1

A:

'; } else { echo ''; } ?>

64vision 2009-11-04 14:16:49

If you tried to paste a snippet here, it didn't work.

Tim Post 2009-11-04 14:25:15

Answer 2

A:

You could use your normal stylsheet on all the pages, with the solid white background set. Then on your front page and other 'special' pages, you could have a tag with the background image that will override the white:

<head>
<link rel="stylesheet" type="text/css" href="main.css" /><!-- This has background-color:white; -->
<?php if(!empty($special)){
echo <<<HTML
    <style>
    body{
        background-color:transparent;
        background-image:url('image_url');
    }
    </style>
HTML;
?>
</head>

Then you'd just set $special to true or something when you're on a 'special' page.

BraedenP 2009-11-04 14:20:51

Thanks for your help! In Wordpress, since it generates the pages dynamically, how would i assign the 'special' pages?

HollerTrain 2009-11-04 14:23:59

Answer 3

+2 A:

Just use different template files (which you should be doing anyway because of the different looks), and use something like an ID on the body tag to check like this:

<body id="grad">
    ...
</body>

or

<body id="white">
    ...
</body>

And use this in your stylesheet:

#grad {
    background-image:url(something.png);
}
#white {
    background-color:#FFF;
}

Make sure to check out the template hierarchy page in the WordPress codex to see how you can easily create the template files you need. Use #grad in home.php and/or a custom template file that you apply to your front page (if it's static), and then use #while in everything else (category.php, tag.php, single.php, and page.php are probably the basics).

Aaron D. Campbell 2009-11-04 14:35:59

how would this work if the header is the file that display the body tag?

HollerTrain 2009-11-04 18:41:16

Answer 4

A:

I didn't think of this but here is the code:

<body<?php if ( !is_home() ) echo ' style="background-image: url(images/about_bg.png);"'; ?>>

Put it in the header.

HollerTrain 2009-11-04 21:11:16

ansaurus

tags:

views:

answers:

How to handle this CSS issue with Wordpress?

related questions