No left or right blocks -- how do I widen the slider across the full page?

[PS_Dude]

Currently using cleantheme.css, and I've removed all left and right blocks.  Now I want the center block to fill the width (for the slider, and for products, categories, etc.  Where/how would I do this?

 

Thanks.

 

[CartExpert.net]

Hi.

 

You need to edit global.css and set the width of #center_column

 

Regards.

Robin.

The CartExpert Team

[vekia]

any chance to see it live?

im asking because i think that it's not enought to just modify width of center column.

it will be necessary to modify also slider (to make it 100% width)

[PS_Dude]

I had found and tried that (changing center_column in a few places in that file), but it did not work.  I had also changed the width of the slider in that module's configuration, but seemed to stretch the image, but clipped it off within the same space.  There is apparently some "container" on the home page that holds that slider, and the container needs to be widened.  This is it here... http://tinyurl.com/mespo6l

[vekia]

hello

 

your shop still use grid_5 for center column, instead of this, use grid_9

but as i said, it's not enough, you have to change slider size in module settings page + upload full width pictures

[PS_Dude]

Hi again Vekia,

Where is this though?  I found references to grid_1 through grid_9 in the grid_prestashop.css file, but it looks like a list of the definitions.  Where is the layout being told to use grid_5?

Thanks.

[PS_Dude]

When I "Inspect element" in Firefox, I see that the slider is contained within <div id="center_column" class="grid_5">.  What I can't find is where center_column is being told to use grid_5.  Below that line I see that the slider is also within bx-window and bx-wrapper , both with width of 535px.  If I hard-code grid_5 to be 980px in grid_prestashop.css, I get the correct result.

 

But yes, I know I should not hard-code it, and need to find out where the grid_5 is being used for that center_column.

 

Thanks.