(Solved) Adjust Prestashop_new 1.5 Theme to 2 columns

[Thordan]

I am trying to convert the Prestashop_new 1.5 Theme from the 3 column layout to 2 columns and want to remove the right hand column. I adjusted the footer.tpl section but for the life of me cannot figure out how to change the global.css file to increase width value of center column so it fills in the space from the removed right column. Thanks much for any help.

 

SOLVED by jhnstcks (Thanks!):

Change width of grid_5 in Line 47 of grid_prestashop.css from 535 to 728 in my case

[CartExpert.net]

Hi,

 

Center columns width is set in global.css line 238.

 

The width will be: width of the div with id page - width of left column - margin of left column

[Thordan]

Thanks much for the reply. This is what I have in global.css line 238:

238: text-shadow:0 1px 0 #000;

 

This is under the heading entry

/* table** */

table.std,

 

So unfortunately I am still lost with this.

[CartExpert.net]

Please post the URL of your site OR look in global.css for #center_column.

[Thordan]

Thanks for the suggestion...I looked at all of the center column entries in global.css but I am still stuck. I spend some more time trying to understand how the new 960 grid system works and feel stupid that I am unable to adjust the width. Our page is not really live yet and still in production - I enabled it in hopes that you can help pointing me to the probably obvious line I need to modify. The url to our page is: www.arcticsun-llc.com/store. Thanks for the help.

[jhnstcks]

Line 47 of grid_prestashop.css

[Thordan]

I was sure it must be something that obvious ;-(

Thanks much for the help, changeing the width for grid_5 was all I need to do.

[msk69]

I am trying to convert the Prestashop_new 1.5 Theme from the 3 column layout to 2 columns and want to remove the right hand column. I adjusted the footer.tpl section but for the life of me cannot figure out how to change the global.css file to increase width value of center column so it fills in the space from the removed right column. Thanks much for any help.

 

SOLVED by jhnstcks (Thanks!):

Change width of grid_5 in Line 47 of grid_prestashop.css from 535 to 728 in my case

 

Would you mind sharing the css? I had a look into it, and found only empty lines, no 535 width specified.

 

Thanks.

[emiku90]

Hello,

 

If i want to fix only the index page to be 700px or bigger and remove the left and right, is it posible?

 

Thanks

[CartExpert.net]

Hi.

 

Yes, it is.

 

Regards.

 

Robin.

 

The CartExpert Team

[emiku90]

How?

[CartExpert.net]

By setting the styles for:

 

#index #center_column

#index #right_column

#index #left_column

[Joe2012]

Hi i new prestashop and use default theme. How to customize Prestashop 1.5 delete left column, right column, and i want adjust size the width and height of the Center column with it.

Edited October 2, 2012 by Joe2012 (see edit history)

[emiku90]

By setting the styles for:

 

#index #center_column

#index #right_column

#index #left_column

 

Thank you very much ! :rolleyes:

Works perfectly.

[sysreb]

where is the styles ??

By setting the styles for:

 

#index #center_column

#index #right_column

#index #left_column

[NewLizard]

sysreb : just add anywhere in global.css

#index #center_column{width:979px}

 

(Please adjust the width according to your requirement, mine is 979)

[NewLizard]

and to remove left column : open header.tpl and replace :</p>

 

and replace

<div id="left_column" class="column">

{$HOOK_LEFT_COLUMN}

</div>

 

with

 

{if $page_name != 'index'}

<div id="left_column" class="column">

{$HOOK_LEFT_COLUMN}

</div>

{/if}

 

Edited January 13, 2013 by NewLizard (see edit history)

[tis-marketer]

Hi NewLizard,

 

I tried your method and successfully removed the left and right columns. Thank you.

 

But I have this problem --- the featured products, there is no division on this part.. see screenshot.

 

Pls help me?

 

 

SOLUTION by NewLizard:

Change line 7 in modules/homefeatured/homefeatured.tpl to

{assign var='nbItemsPerLine' value=7}

Edited January 16, 2013 by tis-marketer (see edit history)

[misaeleka]

Hey caram.junior!

I try to do it in your instruction, and my slider doesn't work.. it's seems the javascript problem

Edited January 20, 2013 by misaeleka (see edit history)

[w3bsolutions]

If you just want to get rid of the right column and make the center column adjust automatically, you don't even have to touch the css at all. Open header.tpl and where it says:

 

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

 

change it to:

 

   <div id="center_column" class=" grid_7 omega">

 

That should work automatically since it pulls the css from grid_prestashop.css

[retrolicious]

How do I do the same and remove the left column?