How to widen center column while keeping left and right column?

[toyessential]

Hey PrestaShopers!

 

I have seen threads on increasing the width of the center column, but by removing the left or

right column. My center column is too narrow. I want to increase the width of the center column

while keeping the left and right column. How would I go about doing that?

 

website: https://www.toyessentials.net/eShop

 

Thanks.

 

[vekia]

so you want to increase width of center column without removing left or right column ?

[toyessential]

Yes, I want to increase width of center column without removing left or right column.

If the center column is like 575 px and I increase to 600, I am assuming that the left or right

columns get shifted. How would I maintain the integrity of the columns while increasing the center column width?

 

Thank you.

[vekia]

hello

well, to increase width of center column you can manipulate width values of "grid" engine /themes/default/css/grid_prestashop.css

 

left and right column uses grid: grid_2

center coumn uses grid_5

 

you can mange width of columns there.

 

 

btw. you said that center column has got 575 width - in fact, it has 535px width

[Kensi]

Hello, I need some help to change center column width in categoty page. On screen you can see, that I have change size of left and right column to 20% width - http://puu.sh/ehonF/08e5054f9e.png

But now I need to change center column to 60% width, and If I make some changes in center column - id or in col-md-6 - class, it changes all elementes with this class, If I add new class in header.tpl it changes center colum on the index(main) page.

 

Thank you in advance.

[NemoPS]

What if you increase that 6 to 7 in header.tpl?

[Kensi]

Thank you for your apply.

 

Maybe it will help, but I don't know how to do this, I have this code in headert.pl

<section id="center_column" class="col-md-{$cols|intval}">

This code is used for every page and I don't know how it assign number only for category page.

Edited January 10, 2015 by Kensi (see edit history)

[vekia]

do you have somewhere before this part:
 

<section id="center_column" class="col-md-{$cols|intval}">

code like {assign var='cols'. .......}  or something similar? 

 

[Kensi]

Yes, but that's all I found and I can't understant how it works.

{if isset($left_column_size) && isset($right_column_size)}{assign var='cols' value=(12 - $left_column_size - $right_column_size)}{else}{assign var='cols' value=12}{/if}

Edited January 10, 2015 by Kensi (see edit history)

[vekia]

it displays value dynamically.

 

comment this line out in that way:
 

{*
{if isset($left_column_size) && isset($right_column_size)}{assign var='cols' value=(12 - $left_column_size - $right_column_size)}{else}{assign var='cols' value=12}{/if}
*}

and use just

{assign var='cols' value=12}

(decrease value to 6 or 7 or 8 as nemo suggested

[Kensi]

Problem solved, thank you for help.

<section id="center_column" class="{if $page_name=='category'}col-md-7{else}col-md-{$cols|intval}{/if}">