How to enable full width for theme container in fixed boxed layout?

Hi, I am currently using Visual Composer right now, and everything seems to be compatible however the only issue I have so far is that elements from Visual Composer is bounded by the theme’s container. I am currently using a modified 1030 px width layout by basing it on the settings from grid.css and copying it to my style.css in the child theme. It is the same code as Responsive Desktop Code from grid.css but with the .responsive removed. The layout turned out to be fine, however I do not know how to remove the white space that is taking about 50px for each side of the main container.

I am playing around with modifying .container but it does not seem to be displaying the widths correctly, so I had to revert back to the original code. Right now any elements I use from Visual Composer such as Revolution Slider does not appear in full width, even if I forced the slider to be in force width using its control panel, the slider shifts to the left when seeing it on chrome or mobile.

I don’t know where to start, any help is much appreciated. Thank you very much.