increase prestashop center column 1.5.4.0

[elektrojo]

Hello All,

how could we increase the center columns of presta and keeping a good looking page, without messy white spaces and shorter horizontal menu

[Sharak]

In /themes/<your_theme>/css/grid_prestashop.css change .container_9 .grid_5. By default in 3-columns style there's { width:535px }. If you for example want to turn off right column and make center column wider, then change width value to 757px or whatever will mark your page content total width.

[elektrojo]

In /themes/<your_theme>/css/grid_prestashop.css change .container_9 .grid_5. By default in 3-columns style there's { width:535px }. If you for example want to turn off right column and make center column wider, then change width value to 757px or whatever will mark your page content total width.

you mean i only can use the space used by the left or right, and cant increase the whole body ?

[tdr170]

That is not the best way to do it, dont change the grid widths instead change the column grid say from grid_5 to grid_7.

This can be done in the Header and Footer.tpl files.

So if you wanted to remove the right column and have a 2 column page you would edit the Header.tpl file and change the center column like this:

First move all modules from the right column to the left easy with live edit.

 

Edit header.tpl

 

change this:

<!-- Center -->

<div id="center_column" class=" grid_5">

 

To this:

 

<!-- Center -->

<div id="center_column" class=" grid_7 omega"> (the omega will give the center column a 0 right margin.

 

This will change the center column from 535px tp 757px.

 

Now edit footer.tpl and remove the right column be deleting or commenting out the section below.

 

 

div id="right_column" class="column grid_2 omega">

{$HOOK_RIGHT_COLUMN}

</div>

 

 

Now you would need to go through pages such as checkout, log in, create account and a few other and remove the left column:display none (not completely necessary but on those pages you would have a 1 column page)

Most all of the left column:display none can be found in the global.css but there are a few pages that need this removed from their own css files.

You could also then edit some other css files to make pages such as products list, products and a few other span the width of the new center column.

 

Here is a site that I have already created a two column theme on.

http://team-shepherdusa.com/shop3/

[elektrojo]

thanks tdr170 , but am asking if it's possible to increase the center without effecting other columns

[vekia]

in this case you have to increase the width value of the main container