How to adjust page width?

Hi there,
Thanks for making this great theme! I am using it and I like it.
But I have one question, how to adjust page width? I want to make page width smaller.
Or the page margin a little bigger. How to do it? I am an idiot of html/css.

Hello @capsl0cker. Glad you like the theme. Well, adjusting page-width is all about adjusting the padding of the container.

Take a look at this screenshot.

If you look closely, the container padding is changed to padding: 0 120px 0 120px from padding: 0 20px;. This will reduce the width of the page. You can adjust this value as per your taste.

Here are the steps to get it implemented in code.

Follow the steps here to set it up for local development (https://github.com/vinitkumar/white-paper#local-development)
Now, update the CSS file,

white-paper/css/base.css

Line 69 in a12de76

padding: 0 20px;

as per the padding you want like the example I gave above.
Next, just run grunt css, It will update the minified file with your changes and then just commit the code, it should just work.

Hope, this helps 👍