[Resolved] Expanding Center Column Help Needed

[ShanM]

Hello all

 

I'm having an issue figuring out how to expand the center block of presta shop. I find it to be too narrow for my needs and would like to widen it significantly. I have the left and right colums still intact as I plan on using those.

 

This is how my site looks at this point: http://www.ksplusfashions.ca/Shop/

 

I have tried changing the width on this section of CSS:

#center_column {
   width: 556px;
   margin: 0 0 0px 0;

But that messes up the side columns, as in it seems to push them down and move them around. So I'm rather confused at this point.

 

This is the section of CSS that I believe corresponds with this area if it helps at all..

#left_column, #center_column, #right_column { float: left }
#left_column {
clear: left;
width: 191px;
margin-right: 7px;
overflow: hidden
}
#center_column {
   width: 556px;
   margin: 0 0 0px 0;
}
#old_center_column { display: none }

.ac_results_instant {
display: none;
visibility: hidden
}
#instant_search_results a.close {
background: url("../img/nav-logout.gif") no-repeat scroll right 2px transparent;
float: right;
margin-right: 7px;
padding-right: 21px;
text-transform: none
}
#right_column {
width: 191px;
margin-left: 7px;
overflow: hidden
}

 

Any help would be amazingly appreciated.

 

- Shannon M.

[noesac]

how do you plan on expanding the center if you want to keep the left and right columns?

[ShanM]

how do you plan on expanding the center if you want to keep the left and right columns?

 

Well, the left column could be moved to the left, and the right column could be moved to the right since there is a huge chunk of space on each side. But I don't know how I go about doing that, hence why I'm asking here lol.

 

Is it possible to accomplish this by removing one of the left or right columns?

 

Edit: After using http://browsershots.org/ it looks like the extra space on each side of my site are due to my browser.