background image

[Somhairle1314]

Hello,

 

I have created my own skin from the vanilla skin using all the information found in this forum; I have edited the file so it won't be deleted on update to cubecart etc. I have mostly had an easy time making changes to the files to create a unique store. Except with adding a background image. Here is my current code:

 

body {

background-image: url (../image/metalBackground.jpg);

background-color: #B5C894;

color: #000;

background-repeat: repeat;

}

 

I have tried numerous variations such as  (../../etc) (images/etc.) I have even copied the image to use in numerous places thinking it was a file path issue and hosted it in an outside source and copied the url given but still no dice.  I do not know what I am doing wrong.

 

Thanks,

Sam

[bsmither]

Using Mican-Black as an example, in the /styles/black/layout.css file, the url path is:

url(../../images/black/background_main.jpg)

 

This starts in the substyle folder (/black/), so the first ../ goes to the /styles/ folder and the second ../ goes to the name of the skin folder. Once there, the path goes to /images/ then /black/ to find the background image file.

 

So, if your CSS file is in the /styles/ folder, there should only be one ../ to get to the name of your skin folder, then /images/ (<- Note, this folder name is plural), then the name of your file.

[Somhairle1314]

Thank you for your timely response. I changed the name to "images" as you have stated and still no luck. I also placed the image directly in the styles folder and changed the file path accordingly, still no luck. I also used ../../ to refer to the images folder that came with the download (I have the image in a lot of places in the directory because of this). I am becoming exasperated.

[bsmither]

Is your store publicly viewable? If so, may we have the web address? If so but you wish to not mention the address, send me a PM with the address.

[Somhairle1314]

I have sent the urn in a private message.

[bsmither]

I see this in your CSS:

#header {
    background: url("images/separator_header.png") no-repeat scroll center bottom rgba(0, 0, 0, 0);
    padding: 42px 0 53px;
    text-align: center;
}

Please add ../ in front of images/.

[bsmither]

Also, this statement in body:

background-image: url (../image/metalBackground.jpg);

has two problems.

1. /image/ is actually /images/

2. There is a space between url and the open paren. Please remove the space.

[Somhairle1314]

I don't understand why it still showed up as "image" instead of "images" as I had already changed it and it showed up for me as "images" when I went to make the edit...however my problem is resolved.  I also changed the logo in the header to (../etc) as requested but it was working beforehand for me. It is still working so I will leave it as fixed. Thank you for all your help! This is great customer service!

 

Sam