[SOLVED]Custom Background

zeitnik · December 25, 2011

Hi to everyone,

I try on my theme which is the official prestashop theme 1.4.5 to to add two different images repeating in full page.

The one is on the top repeating-x and the other is on bottom repeating-x. (attach image)

So far I failed, can anyone please help me?

Thanks

Snade · December 25, 2011

Hi

Next time please post url, so we can see what is going on, and what exactly you want to achieve.

To make these 2 lines, my advice is to make 2 wrapper divs around your whole site, and add the backgrounds to each of them.

edit: Also, you can use the <body> for one of the backgrounds

the top div css should be something like this -

background: url("../img/....png") repeat-x scroll left top transparent;

and the bottom

background: url("../img/....png") repeat-x scroll left bottom transparent;

To make the wrapper divs, open them under the <body> tag in header.tpl, and close them before </body> in footer.tpl

Example:

Header.tpl

<body>


<div id="wrapper-top">
<div id="wrapper-bottom">

Footer.tpl



</div>
</div>
</body>

then add the background styles to #wrapper-top and #wrapper-bottom in global.css

p.s

Please, dont use that "oldschool" white-to-black gradient in your store. If you cant make your own line better, download one from somewhere.

Merry Christmas

zeitnik · December 26, 2011

Thank you Snade, very helpfull indeed.

I didn't post the url because it is on a local server and don't worry for that colors I am not goint to use it, it was just an example.

I angree too that it is an "oldschool" way.

Thanks again

Merry Christmas

Snade · December 26, 2011

Glad to help

Dont forget to add [sOLVED] in the topic name, and I'll be happy if you "like" my comment, if it was helpfull to you. Thanks

Cheers

Recommended Posts