Changing backround color with a gif or jpeg image
 

Hi Xcart experts,

I am trying to change the background colors for the headline and the bottom horizontal bar of the page( dont know the name or its location).

I know the headline can be changed in the skin.css, for example:

.Headline {
BACKGROUND-Color: #D6D7D9

1. but dont know where to change the color for the bottom horizontal bar, which displays the copyright.

2. Also can these colors be changed with using a transparent gif file?

If so how would I code that? Here is what I am thinkin of trying:
.Headline {
BACKGROUND-Color: style=background: url({$ImagesDir}/image_name.gif)">

Any help would be appreciated:


:lol:

I assume you are refering to the css file.

To use images in css, you must use the full file name as it cant run the Smarty code as it is not PHP.

.Headline {
BACKGROUND: #FFFFFF url(http://www.yourwebsitename.com/xcartfolder/imagefolder/image_name.gif);
}

What I have done there is say for the background, is going to be coloured white, refering to #FFFFFF. But after that I have put in the location to your image.

Depending on the area size of .Headline and the size of your image, if your image is coloured red for example and was smaller than the area size of .Headline, then you would also see some white.

You can also repeat your image so it filled the entire .Headline area:

.Headline {
BACKGROUND: #FFFFFF url(http://www.yourwebsitename.com/xcartfolder/imagefolder/image_name.gif) repeat;
}

Also you can align the image:

.Headline {
BACKGROUND: #FFFFFF url(http://www.yourwebsitename.com/xcartfolder/imagefolder/image_name.gif) top right no-repeat;
}

That would place the image to the top right of .Headline but there would be no repeat.

And if your image was transparent, what ever colour you set the background to would be displayed:

.Headline {
BACKGROUND: #003366 url(http://www.yourwebsitename.com/xcartfolder/imagefolder/transparent_image_name.gif) top right no-repeat;
}

In that example your transparent would be displayed but you would see blue.

Hope that helps.

Post moved, please be aware of where you post. As the name implies, the Completed Custom Mods forum is for posting completed mods only, not questions. Thanks :)

Many thanks
 

Dear Ian_fs,

Many thanks for the detailed instructions. I will definetly give it shot to see what happens.

I really appreciate it. :D


Balinor, sorry was too early for me, failed to notice this was going to the wrong section.

Re: Changing backround color with a gif or jpeg image
 

You probably figured this out by now but you can change and put a background image in the copyright area as shown below, notice I also put NOTES in my CSS to help me:


and also:


:!: Just an FYI for problems i ran into was using full paths did not work for me, again smarty variables do not work, and also another weird problem I had that I never figired out was .jpg images would show up missing, switched the image to a .gif and it worked :!:

Many thanks to all who answered
 

Thanks to those that answered, I will try your suggertions out.
Its appreciated! :D