[macak49]

Hello,

So I have been fiddling around with the light_responsive template for a little while and for my project I would like to widen the container to about 1300px.

I have looked in the altskin.css file and found:

#page-container {
  z-index: 0;/*to display ui datepicker over flyout categories*/

}

#page-container2,
.wrapper-box {
  width: 940px;  /* width: 940px; */
  margin: 0 auto 0 auto; /*margin: 0 auto;*/

but when I edit either of these nothing changes and I am a bit lost on where to turn to now.

I have gotten it to widen by editing

#content-container,
.uo-container #content-container {
  padding-bottom: 150px;
}

And adding:

#content-container,
.uo-container #content-container {
  padding-bottom: 150px;
  width: 1300px;
}

but that pushes the right side out leaving the left side where it was, meaning it is no longer center. And if I put a border around the page container it is pushed outside the container so it is not clean.

Does anyone know how to widen the page container on light_responsive? Version 4.7.4

I think it has something to do with the ".wrapper-box" but it seems unresponsive (pun intended) when I edit it in the altskin.css file.

Thanks! I will update if I figure it out.

PS. the main css file under ./common_files/* does not seem to have an effect on most things to do with the light_responsive template and I am pretty sure it has to do with the altskin.css file... but if I am wrong please correct me!

Files effected:
./skin/light_responsive/css/altskin.css