Full width header using default theme

8 views
Skip to first unread message

Ben Deaton

unread,
Sep 4, 2014, 8:58:19 PM9/4/14
to octo...@googlegroups.com
Here's what I'd like to do:

* Use the default theme
* Have the header, navigation, and footer text appear exactly where they do by default
* Extend the header, nav, and footer backgrounds the full width
* Turn the full width background of the body section white (I'm sure I can figure this out myself)

To get a better idea, you can compare the default with a photoshopped mock-up that I have attached.

Basically, I'm going for something along the lines of marco.org or shawnblanc.net

Has anyone experimented with something like this or have any suggestions?

Thank you
theme-default.png
theme-default-fullwidth.png

Caesarivs

unread,
Oct 7, 2014, 5:44:46 PM10/7/14
to octo...@googlegroups.com
You could go to sass/custom/_layout.scss and set $max-width to 100% in order to get the full width

And for the background you could set $page-bg and $main-bg to #fff or set html { background: #fff;} on sass/custom/_styles.scss
Reply all
Reply to author
Forward
0 new messages