How can I change the default logo size (or any of the other default grid column widths)?
Good question; Easy answer (if you’re willing to open up a file or two).
We’ll use the logo situation as an example, but this works for pretty much anything on the entire theme… from the page templates to the blog posts or footer widgets.
Inside the theme folder (located in your wp-content/themes/ folder on your server), locate and open up header.php.
Scroll to around line 95 where the code-comment will say “Branding”. Notice that just underneath is this line:
<div class="six columns alpha"> Switch the "six" to a, say, "ten". Now scroll down a few more lines to line 105: <code><div class="ten columns alpha"> Subtract the new number you just used above from sixteen (ie: 16 - 10 = six) and then make that the new number for this second location. The idea here is that the total or each column numbers needs to be 16... the default is 6 (logo) + 10 (ad space) = 16. But you can just as easily make it 10 + 6 = 16, or 8 + 8 = 16. Save the file and you're set to go. Upload your new logo as large as you want, and the layout should maximize it's space inside your new column structure. I should also note for anyone else reading this that the default logo space allows for a maximum 340px wide image (height doesn’t matter) – making this modification will allow you to use a logo as large as 580px (the width of ten columns in our grid)... but you can also remove the ad-space altogether and use the full 940px that the layout allows for. Oh, and it will automatically create a responsive logo for you… so when you view on a mobile phone or whatnot, the image will scale down automatically. Read more about the grid here: http://getskeleton.com Cheers! Brandon</div></code></div>