TEMPLATE WIDTH 100%

[b22c]

Hi its possible to edit the original template width to fill 100% of the screen?

 

If yes, the template will work perfectly or its not recommended because modules, other thing, etc?

 

Using Prestashop 1.5.4

 

Cheers

[GoneVintage]

It's kind of cool when the store template keeps the original module reatios and adds empty space wher font is decreased.

[vekia]

of course it is possible but in this case you need to know something about editing css / smarty code.

You can read article about setting up full width footer, you can use this solution also for other part of your store - like header, content etc.

[b22c]

Hi Vekia, after i change the footer where i found the other files of header, content etc?

 

Thanks

[vekia]

header.tpl file, you've got there div blocks for #header and for columns

 

regards

[chance]

hi,

what code shound add in order get 100% witdh with a img?

thanks

[vekia]

everything depends on for what picture you want to add 100% width

[chance]

hi,

thanks for reply,

i want to ask this attachment picture as my header background and in 100% width

pls guide me and write me the code

thanks a lot!!!!!!

Edited July 11, 2013 by chance (see edit history)

[vekia]

add this picture as a background to the body element.

 

css style:

backgrund:url('url_to_your_background') top repeat-x;

[chance]

hi vekia

thanks for your fast reply

add in which file? header.tpl? and which line?

 

thanks

[vekia]

you have to add it to the css styles of your website, i suppose that this is global.css file located in your theme directory.

 

use this:

 

body {
backgrund:url('url_to_your_background') top repeat-x;
}

 

or edit existing body css style there.

[chance]

hi,

tested, no work, i add in global.css

here the code

 

body{

 

font:normal 11px/14px Arial, Verdana, sans-serif;

color:#000000;

backgrund:#FFF url(../img/bg-header.jpg) top repeat-x;

background: #FFF url(../img/bg-page.jpg) repeat;

background-attachment:fixed

}

 

thanks

[tdr170]

If you have the image in the root folder img file try ../../../img, It should look like this when done.

body{

font:normal 11px/14px Arial, Verdana, sans-serif;

color:#222;

background:url('../../../img/your image name') top repeat-x;

}

 

You can only use 1 background as the last in the list will be the one used.

If you want the background to scroll with the page remove the fixed line.

[vekia]

it will be nie if you will share the url to your shop. we will check it. You can also try with full url to the background picture in the url('') field