Wordpress - no images showing online?

Snaphaan

New Member
I have build a (see here) site off-line with Xampp and tried to upload it on a remote server.

The site works but most of the images are not appearing. Only the footer and a background image on the left sidebar as you can see. I've gone through the CSS quite a number of times and I can't seem to find what is wrong. I'm using the Toolbox starter theme.

I did a clean install of the latest WP, created a DB, edited the config, added the few plug-ins I need and the template files. And the same problem. I also tried a previous version of WordPress. No go.

Anyone here have any suggestions?

Thanks in advance!
 

ronaldroe

Super Moderator
Staff member
The problem is likely your path. Images loaded via CSS will be able to use relative addresses, so if you load a bg image in CSS, you can use images/image.png. Images loaded using the HTML <img> tag will require their full path, or you can use the template directory PHP to get there. It looks like so:
<img src="<?php bloginfo('template_directory'); ?>/images/mainimage.jpg" title="" alt="" />
 
So.. looked at the CSS....

Code:
url(http://localhost/boererepublieke/wp-content/plugins/underconstruction/Construction.png)

Thsts the BG image call.. 1st why is the BG call pointing to plugin folder, it should point to your theme file. Second don't path out to it like that. A CSS call for a BG image should be no more than something like:

Code:
#div{
background-image:url(%imagefolder%/%imagename%);
}

as long as you have your css at the root of your theme. If the CSS file is in a css folder, then add ../ before the name of the image folder so it will "jump up " the directory to find it.
 

jumpingspider

New Member
So.. looked at the CSS....

Code:
url(http://localhost/boererepublieke/wp-content/plugins/underconstruction/Construction.png)

Thsts the BG image call.. 1st why is the BG call pointing to plugin folder, it should point to your theme file. Second don't path out to it like that. A CSS call for a BG image should be no more than something like:

Code:
#div{
background-image:url(%imagefolder%/%imagename%);
}

as long as you have your css at the root of your theme. If the CSS file is in a css folder, then add ../ before the name of the image folder so it will "jump up " the directory to find it.


This would be helpful. Try check the css if it's properly written.
 
Top