wordpress 3.3 relative paths in CSS

css, html, wordpress

Solution

No, you can't use PHP within a CSS file.

You can still use a relative path. This example will work if your CSS file and images directory are in the same directory. WordPress knows this is relative to the theme.

#branding {
    background: url("images/background2.jpg") repeat-x repeat-y;
    height: 150px;
}

If the images directory is in a parent of the CSS file:

#branding {
    background: url("../images/background2.jpg") repeat-x repeat-y;
    height: 150px;
}

Problem

I want to add an image to be a background of the header, the thing is that I don't want to add an absolute path since I'm doing this on my pc and them is to upload to my server. should the `<?php bloginfo('template_directory'); ?>` work in the css? It is not working here. code: ``` #branding { background: url("<?php bloginfo('template_directory'); ?>/images/background2.jpg") repeat-x repeat-y; height: 150px; } ```

Original source