How to change the background of my website.
 

i am currently using the theme provided by x-cart, but i wish to change the background to my own background. Do i need to create a css to overwrite it or any other method.

i am New to x-cart and php coding.:roll:

Re: How to change the background of my website.
 

I dont know about v5 but in skin\common_files\css
you can see background-color: near the top. I am using 4.6.2 so as I said I dont know if its the same

Also if you use firefox you can get an addin called firebug thats a great help

Peter

Re: How to change the background of my website.
 

In version 5, choose settings > look and feel > custom css.

Enter your background css for example;


Make sure the use custom css box is checked, and it will override the css in your store.

Re: How to change the background of my website.
 

Thanks Richie for the help, How if i want to put a photo as background, i have to use the same way? or i need to get the image url?

Re: How to change the background of my website.
 

Ensure the url is pointing the the path of the image you have uploaded.

Re: How to change the background of my website.
 

body
{

background-image:url('/images/body-bg.jpg');
}

I used the above and it doesnt work. Putting in a color does. Rich did you get it working?

Re: How to change the background of my website.
 

Hi Mark!

I just tested the CSS code you sent me via PM and it works properly to me. Could you please post the snapshot of the entire Custom CSS section?

Thank you.

Re: How to change the background of my website.
 

There was something very strange going on. I had the hosting company restart the apache server process and now it works. I guess it was a cache or something. That really doesnt make sense to me, but its working and thats all that matters. Thank you!

Re: How to change the background of my website.
 

ritchierich can you tell me when why i put an image has background it only seems to cover top half of page has you scroll further down theres another image im using nobellese skin is this skin made up of 2 background images

Re: How to change the background of my website.
 

It seems like you have sorted out, didn't you?
Could you please share the solution with us?
Thank you.

Re: How to change the background of my website.
 

My site is also showing the uploaded image only in the top half. Does anybody know how to fix this?

Re: How to change the background of my website.
 

What is the site URL? Can we look at it?

Re: How to change the background of my website.
 

Web site URL is www.maplerockguitar.ca

just to expand on this, my background image seems to load in the browser window of any device. but the default image from the nobless theme take over when scrolling down.

Re: How to change the background of my website.
 

At the moment the CSS rule that adds the custom background is this one:

Change it to:

Also, you should tweak the image itself (at the moment it doesn't tile perfectly) and move it out of the "var" directory (XC5 may drop this directory and recreate it when rebuilding the site).

Re: How to change the background of my website.
 

Hello Qualiteam,

I tried:

html, body {
background-image: url(/var/theme/images/tweed.jpeg);
}

Using my own code:

html, body {
background-image: url(http://blainestravelclub.com/images/passport_stamp_background.png);
background-repeat: repeat;
background-attachment: fixed;
}

It works immediately when I'm in </> Custom CSS mode, but when I save it, close(X) </> Custom CSS mode, it goes away.

I tried rebuilding the store and that doesn't help.

Any ideas?