View Single Post
  #2  
Old 07-10-2013, 08:15 PM
Eugene Rimmer's Avatar
Eugene Rimmer Eugene Rimmer is offline
Senior Member
 
Join Date: Jan 2011
Location: Ecwid headquarters
Posts: 7,765
Default

Quote:
Originally Posted by fncuis View Post
Hi,

I'm trying to change the default missing image icon by modifying the following default CSS lines. I created a new custom CSS theme, dumped the two declarations into, changed the path of the URL, activated it, and saved it.

Code:
/* Placeholders for missing product or category images */
div.ecwid-noimage {
	background: transparent url(icons/noimage.gif) no-repeat scroll 0 0;
	height: 100px;
	width: 100px;
	margin: 0 auto;
}
div.ecwid-noimage-small {
	background: transparent url(icons/noimage-small.gif) no-repeat;
	height: 80px;
	width: 80px;
	margin: 0 auto;
}
With:

Code:
/* Placeholders for missing product or category images */
div.ecwid-noimage {
	background: transparent url(my/custom/image.gif) no-repeat scroll 0 0;
	height: 100px;
	width: 100px;
	margin: 0 auto;
}
div.ecwid-noimage-small {
	background: transparent url(my/custom/image-small.gif) no-repeat;
	height: 80px;
	width: 80px;
	margin: 0 auto;
}
But it is not working. I still see the path to the CDN http://images-cdn.ecwid.com/images/1.../126010738.jpg

Can someone assist?
The paths in CSS are relative to the location of the CSS file itself, not to the URL of your page. So with your code, browser tries to look for an image at my/custom/image.gif on our CDN server, and may not find it there of course, since you have no way to upload your custom images to our server.

You need to use full URLs in your CSS rules.