Title: _S Header
Last modified: August 21, 2016

---

# _S Header

 *  Resolved [Joshua Sommer](https://wordpress.org/support/users/beanbagg/)
 * (@beanbagg)
 * [13 years, 1 month ago](https://wordpress.org/support/topic/_s-header/)
 * [http://potionbear.com/](http://potionbear.com/)
 * I’d like to achieve this:
 * [clicky](http://potionbear.com/downloads/potionbear.jpg)

Viewing 8 replies - 16 through 23 (of 23 total)

[←](https://wordpress.org/support/topic/_s-header/?output_format=md) [1](https://wordpress.org/support/topic/_s-header/?output_format=md)
2

 *  Thread Starter [Joshua Sommer](https://wordpress.org/support/users/beanbagg/)
 * (@beanbagg)
 * [13 years, 1 month ago](https://wordpress.org/support/topic/_s-header/page/2/#post-3742102)
 * I must have tried at least 100 different edits. thanks again! now that we’re 
   here.. I don’t think _s has a container div. Do you know where I would place 
   one? I’d like to fit everything into 960px(excluding the header).
 *  [paulwpxp](https://wordpress.org/support/users/paulwp/)
 * (@paulwp)
 * [13 years, 1 month ago](https://wordpress.org/support/topic/_s-header/page/2/#post-3742105)
 * UnderscoreS does provide layout CSS in it’s layout folder. You have to put it
   in by yourself.
 * Also, _S is not intended to be a parent theme, it’s for taking as is to implement
   on your own. But you can use it as a parent, however be aware that _S will update
   without consideration on the effect of its usage as parent to child.
 *  Thread Starter [Joshua Sommer](https://wordpress.org/support/users/beanbagg/)
 * (@beanbagg)
 * [13 years, 1 month ago](https://wordpress.org/support/topic/_s-header/page/2/#post-3742117)
 * I’ve been using Jetpack and writing code in Custom CSS. How would I go about 
   putting everything into a 960px container?
 *  [WPyogi](https://wordpress.org/support/users/wpyogi/)
 * (@wpyogi)
 * [13 years, 1 month ago](https://wordpress.org/support/topic/_s-header/page/2/#post-3742118)
 * What are you trying to do with the site? Make it fixed width?
 *  Thread Starter [Joshua Sommer](https://wordpress.org/support/users/beanbagg/)
 * (@beanbagg)
 * [13 years, 1 month ago](https://wordpress.org/support/topic/_s-header/page/2/#post-3742122)
 * Right now the content is set to a fixed width(960px).. but the widgets are still
   set to 100%. I could just edit the widget css but I’d rather put all of the content
   into a container.
 *     ```
       @import  "http://fonts.googleapis.com/css?family=Roboto+Slab";
   
       body {
       	font-family: "Book Antiqua", Palatino, "Palatino Linotype", "Palatino LT STD", Georgia, serif;
       	font-size: 18px;
       	text-align: center;
       }
   
       a, a:visited, a:focus, a:active {
       	color: #1693A5;
       	text-decoration: none;
       }
   
       a:hover {
       	text-decoration: underline;
       }
   
       .field {
       	margin-left: 20px;
       }
   
       .site-header a {
       	margin-left: 20px;
       }
   
       .content-area {
       	margin: 0 auto;
       	margin-top: 80px;
       	width: 760px;
       	text-align: left;
       }
   
       .site-header {
       	position: fixed;
       	width: 100%;
       	height: 40px;
       	background: #fff;
       	border-bottom: 1px dotted #333;
       	font-size: .8em;
       	line-height: 2.9em;
       	vertical-align: middle;
       	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
       }
   
       .entry-title {
       	font-family: 'Roboto Slab', serif;
       	font-weight: bold;
       	text-transform: uppercase;
       	text-align: center;
       }
   
       .entry-meta {
       	font-size: 14px;
       	text-align: center;
       }
   
       .site-footer {
       	font-size: .8em;
       	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
       }
   
       @media (min-width: 800px) {
       	.navigation-main {
       		float: none;
       		margin: 0 auto;
       		width: 800px;
       	}
       }@import  "http://fonts.googleapis.com/css?family=Roboto+Slab";
   
       body {
       	font-family: "Book Antiqua", Palatino, "Palatino Linotype", "Palatino LT STD", Georgia, serif;
       	font-size: 18px;
       	text-align: center;
       }
   
       a, a:visited, a:focus, a:active {
       	color: #1693A5;
       	text-decoration: none;
       }
   
       a:hover {
       	text-decoration: underline;
       }
   
       .field {
       	margin-left: 20px;
       }
   
       .site-header a {
       	margin-left: 20px;
       }
   
       .content-area {
       	margin: 0 auto;
       	margin-top: 80px;
       	width: 760px;
       	text-align: left;
       }
   
       .site-header {
       	position: fixed;
       	width: 100%;
       	height: 40px;
       	background: #fff;
       	border-bottom: 1px dotted #333;
       	font-size: .8em;
       	line-height: 2.9em;
       	vertical-align: middle;
       	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
       }
   
       .entry-title {
       	font-family: 'Roboto Slab', serif;
       	font-weight: bold;
       	text-transform: uppercase;
       	text-align: center;
       }
   
       .entry-meta {
       	font-size: 14px;
       	text-align: center;
       }
   
       .site-footer {
       	font-size: .8em;
       	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
       }
   
       @media (min-width: 800px) {
       	.navigation-main {
       		float: none;
       		margin: 0 auto;
       		width: 800px;
       	}
       }
       ```
   
 *  [WPyogi](https://wordpress.org/support/users/wpyogi/)
 * (@wpyogi)
 * [13 years, 1 month ago](https://wordpress.org/support/topic/_s-header/page/2/#post-3742133)
 * The #page contains the entire page, doesn’t it? I don’t see any widget on the
   pages – so not sure where that is.
 *  Thread Starter [Joshua Sommer](https://wordpress.org/support/users/beanbagg/)
 * (@beanbagg)
 * [13 years, 1 month ago](https://wordpress.org/support/topic/_s-header/page/2/#post-3742195)
 * check now. :]
 *  Thread Starter [Joshua Sommer](https://wordpress.org/support/users/beanbagg/)
 * (@beanbagg)
 * [13 years, 1 month ago](https://wordpress.org/support/topic/_s-header/page/2/#post-3742223)
 * nvm. thank you!

Viewing 8 replies - 16 through 23 (of 23 total)

[←](https://wordpress.org/support/topic/_s-header/?output_format=md) [1](https://wordpress.org/support/topic/_s-header/?output_format=md)
2

The topic ‘_S Header’ is closed to new replies.

 * 23 replies
 * 4 participants
 * Last reply from: [Joshua Sommer](https://wordpress.org/support/users/beanbagg/)
 * Last activity: [13 years, 1 month ago](https://wordpress.org/support/topic/_s-header/page/2/#post-3742223)
 * Status: resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics