X-Cart forums

[Swish]

Guys, how would you place a background image in the top of the default Light & Lucid skin? So it appears under the x-cart logo on the left and the phone numbers on the right. Also, how do you figure out what size the images should be to fill that space and not mess things up?

[cflsystems]

CSS. Background image for the header. Size depends on your site width. You either make the image width to match site width or repeate image horizontally

[Swish]

Originally Posted by cflsystems

CSS. Background image for the header. Size depends on your site width. You either make the image width to match site width or repeate image horizontally

Thanks for your reply.

I'm used to LC but new to x-cart. I have Light & Lucid (3 column) installed yet if I go into the skins folder I see all the other default templates but not light & lucid. Where are the files/css for this skin?

[Shamun]

Everything for your current skin is in /skin1/

[Swish]

I don't have a skin1 folder. I've found it all under skins/common files. I should have mentioned I'm using x-cart 4.4 so maybe things have changed?

So I had a look at the main.css and as light & lucid doesn't have a header image there is no code to call one. What would I put and where?

[cflsystems]

In 4.4 things are al ittle bit different then earlier versions. You will find everything related to csutomer side in "skins/common files" and then in "skins/skin files" the template that are different for each skin. By your reply above I'm starting to think you don't know css. It is kinda a requirement to know css/html and smarty to be able to edit templates in xcart. Take some time to learn at least the basics (www.w3schools.com is a good place to start).
You have to find the css class used for the header and apply "background" property to it which will hold the image, something like this

.header_class_name {
background: url(path_to_image/image_name);
}