hi, new and need some help with changing background

Store Builder in detail Store Design & Templates
#1

i just got hired onto a company to redo there site. Ive never used cs cart before and need some help.



I would like too change the background to a custom picture i have taken and have no idea how to load the image onto the site as a background, can anyone help me with that?

#2

In styles.css :



body {

background: #any color url(‘images/your image’) repeat-y center top;

}



use repeat-y if needed.

#3

[quote name=‘roban’]In styles.css :



body {

background: #any color url(‘images/your image’) repeat-y center top;

}



use repeat-y if needed.[/QUOTE]











where is style.css at? where do i find that?

#4

[quote name=‘harpersmoto’]where is style.css at? where do i find that?[/quote]

The ‘style.css’ is in each skin folder. You will have to edit this file of the active skin.

#5

im sorry, im still lost here. where do i locate the skin folder, i mean i have no idea where this is at all located

#6

ok i found the skin folder, went into it and clicked on style.css i change the code. put the image that i wanted. saved the file, and my background is still the same. it didnt work, why?

#7

ok nevermind i got it to work. i forgot to save the picture in the images file. the only question i have now is about the repeat-x and repeat-y i know if its repeat-x center top then it will show the images completly across the top and if its repeat-y center top it will display the image straight down the center. my question is how do i get 1 picture to take up the whole background?

#8

[quote name=‘harpersmoto’]ok nevermind i got it to work. i forgot to save the picture in the images file. the only question i have now is about the repeat-x and repeat-y i know if its repeat-x center top then it will show the images completly across the top and if its repeat-y center top it will display the image straight down the center. my question is how do i get 1 picture to take up the whole background?[/quote]

In this case, your picture size has to be equal to the resolution of the browser resolution. For example:



800 x 600

1024 x 768

1280 x 800

1280 x 1024 and so on…



Today, most computers (85.1%) are using a screen resolution of 1024x768 pixels or higher.

#9

so how do i set the picture to that size?

#10

[quote name=‘harpersmoto’]so how do i set the picture to that size?[/quote]

The picture has to be equal or bigger as the resolution of your choice. Then you can edit the picture in a program like Photoshop (e.g. you can crop it).



But never stretch smaller pictures to a bigger size - the picture resolution (pixels) will get destroyed.

#11

ok so basically i just edit the picture in like photoshop(crop it) and crop it to the right size and then up load it correct?

#12

[quote name=‘harpersmoto’]ok so basically i just edit the picture in like photoshop(crop it) and crop it to the right size and then up load it correct?[/quote]

Generally yes. You will get the best results if you understand ‘CSS’ attributes and you can work with a graphic editor.