Question

I created a blog with WordPress on a temporary test domain. I put it in the main directory, not a folder. Now I want to move it to the correct website, in a folder. I can update all of the MySQL values for the site URL, and the relative path links work just fine.

The problem is that I can’t seem to make my CSS path links work. I realize that my problem is that they are relative to the CSS file, in the WordPress theme, and not the page. But how can I fix this?

Here is an example:

#topNav {background:#3a93c3 url(wp-content/uploads/2011/07/blueNav.jpg) repeat-x;}

I have tried adding ‘./’, ‘../’, and ‘../../’ to the beginning, but it doesn’t work at all.

Question

Why aren’t relative paths working in CSS on my WordPress site?

Answer 1

you really shouldn’t put theme images in the upload folder. you should really store your theme images inside your theme folder. like

wp-content/
    themes/
        mytheme/
            images/
                1.jpg
            style.css

so in your css, you can just do

background:transparent url(images/1.jpg);