Can some one please help on this code.

I got this wordpress theme, and it always set the container width to 1200px. I dont know why.

I use the masonry type of wordpress theme and this is the jquery code:

http://pastebin.com/kzHQ8FJp

This is the css.

http://pastebin.com/7ht4UpsS

the container is always set to 1200px, i dont know why. I want to set it to 950 only. I think the javascript/jquery is responsible on this thing.

<div id="container" style="position: relative; width: 1240px; height: 595px; ">

If some one please help me?

Thanks!

In style.css:
CHANGE #container,#archives,#header-box{width:1200px}
TO #container,#archives,#header-box{width:950px}

EDIT:

There are a lot of occurances of "1200px" in there.
I would personally change EACH.

------------------- ...

At the minimum, I would change my original "CHANGE"

------------------- ...

If you do however want to change only #container, then:

CHANGE #container,#archives,#header-box{width:1200px}
TO #archives,#header-box{width:1200px} #container {width: 950px}


/\ That will probably make things look funny.

Have you considered using SCSS or LESS? They're supersets of CSS with variable support (so, like the poster above me mentioned, you don't have to write '1200px' repeatedly), nested selectors, etc.

Change the property of #container in media(min-width:1300px){#container,#archives,#header-box{width:1200px}}

You need to change the property of the #container in the stylesheet to 950 px from 1200px where ever it occurs.
Or you can explicitly declare in your JS #container property to 950px,

Both will solve your problem.