Title: Making header smaller
Last modified: August 20, 2016

---

# Making header smaller

 *  [1centwiz](https://wordpress.org/support/users/1centwiz/)
 * (@1centwiz)
 * [13 years, 10 months ago](https://wordpress.org/support/topic/making-header-smaller/)
 * Theme 2011, when looking at the source code, there is a text file <style type
   =”text/css” media=”screen”>
    html { margin-top: 28px !important; } * html body{
   margin-top: 28px !important; } </style>
 * But I want the header to be closer to the top, where do I find this text file
   to change it? I can’t seem to find anything that allows me to shrink the header
   area in the css file. Maybe I missed it.
 * Also, in the css where would I find the post comment box to change that color
   to fit the rest of the page: [http://www.turningdranch.com/blog/](http://www.turningdranch.com/blog/)
 * Thanks for any help!
    Tamra

Viewing 15 replies - 1 through 15 (of 16 total)

1 [2](https://wordpress.org/support/topic/making-header-smaller/page/2/?output_format=md)
[→](https://wordpress.org/support/topic/making-header-smaller/page/2/?output_format=md)

 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [13 years, 10 months ago](https://wordpress.org/support/topic/making-header-smaller/#post-2936142)
 * It’ll probably be in style.css – just search for
 * > 28px !important
 *  [Michael](https://wordpress.org/support/users/alchymyth/)
 * (@alchymyth)
 * [13 years, 10 months ago](https://wordpress.org/support/topic/making-header-smaller/#post-2936144)
 * that code is from the adminbar – which is only visible for you when you are logged
   in;
 * the gap is from the top margin in the style of `#page`
 * more important:
    do not edit Twenty Eleven directly, but create a child theme
   first, to work with; [http://codex.wordpress.org/Child_Themes](http://codex.wordpress.org/Child_Themes)
 *  Thread Starter [1centwiz](https://wordpress.org/support/users/1centwiz/)
 * (@1centwiz)
 * [13 years, 10 months ago](https://wordpress.org/support/topic/making-header-smaller/#post-2936154)
 * Such a dummy I am… I just changed the header just fine… adding a height and changing
   the margins on the titles… duh! Sometimes looking at tons of code can get to 
   the eyes…
    Now to look for the post comment box colors.
 *  Thread Starter [1centwiz](https://wordpress.org/support/users/1centwiz/)
 * (@1centwiz)
 * [13 years, 10 months ago](https://wordpress.org/support/topic/making-header-smaller/#post-2936156)
 * A child theme? Oops… been working on the style.css directly. Now what do I do?
   Will it be difficult to go backwards at this point? Eek!
    Onto more learning 
   then, alchymyth, thanks for the link!
 *  Thread Starter [1centwiz](https://wordpress.org/support/users/1centwiz/)
 * (@1centwiz)
 * [13 years, 10 months ago](https://wordpress.org/support/topic/making-header-smaller/#post-2936166)
 * Ok, so now I have created a file in the twentyeleven file called twentyeleven-
   child. It has the style.css in it that I have been working on.
    How do I implement
   it though? There isn’t anywhere in the admin to choose that file. What am I missing?
   Thanks! Tamra
 *  Thread Starter [1centwiz](https://wordpress.org/support/users/1centwiz/)
 * (@1centwiz)
 * [13 years, 10 months ago](https://wordpress.org/support/topic/making-header-smaller/#post-2936167)
 * Aww…now it says I need a template… yet the info says it’s optional… hmmm.
 *  Thread Starter [1centwiz](https://wordpress.org/support/users/1centwiz/)
 * (@1centwiz)
 * [13 years, 10 months ago](https://wordpress.org/support/topic/making-header-smaller/#post-2936169)
 * /*
    Theme Name: Twenty Eleven Child Theme URI: [http://wordpress.org/extend/themes/twentyeleven/twentyeleven-child](http://wordpress.org/extend/themes/twentyeleven/twentyeleven-child)
   Description: Child theme for the Twenty Eleven theme Author: 1centwiz Author 
   URI: Template: twentyeleven Version: 8.1.12 */ [@import](https://wordpress.org/support/users/import/)
   url(“../twentyeleven/rtl.css”);
 * This is what I have at the top of my style.css in the new folder… so what are
   they wanting me to do?
 *  Thread Starter [1centwiz](https://wordpress.org/support/users/1centwiz/)
 * (@1centwiz)
 * [13 years, 10 months ago](https://wordpress.org/support/topic/making-header-smaller/#post-2936171)
 * This is the error message I get:
 * Broken Themes
 * The following themes are installed but incomplete. Themes must have a stylesheet
   and a template.
    Name Description Twenty Eleven/twentyeleven-child Template is
   missing.
 * Anyone have help for me? Thanks!
 *  [Michael](https://wordpress.org/support/users/alchymyth/)
 * (@alchymyth)
 * [13 years, 10 months ago](https://wordpress.org/support/topic/making-header-smaller/#post-2936173)
 * > I have created a file in the twentyeleven file called twentyeleven-child.
 * ??
    the folder /twentyelevenchild/ has to be in the /themes folder:
 * `/wp-content/themes/twentyelevenchild`
 * unless you need rtl support, you would just import the normal style.css:
 *     ```
       @import url("../twentyeleven/style.css");
       ```
   
 * rtl.css needs to be linked additionally to style.css
 *  Thread Starter [1centwiz](https://wordpress.org/support/users/1centwiz/)
 * (@1centwiz)
 * [13 years, 10 months ago](https://wordpress.org/support/topic/making-header-smaller/#post-2936177)
 * ok, so now I have the new one activated, had to change the location to the themes
   folder, not twentyeleven.
    However, I’ve lost things along the way… hmmm this
   is getting frustrating! I’ve lost my widgets, my menu, my pictures for the header,
   etc. UGH… What do I have to import into the css so that I get all those back 
   and working as well? Do I need to put the child theme folder directly into the
   twentyeleven theme folder or keep it in the themes? Thanks!
 *  Thread Starter [1centwiz](https://wordpress.org/support/users/1centwiz/)
 * (@1centwiz)
 * [13 years, 10 months ago](https://wordpress.org/support/topic/making-header-smaller/#post-2936183)
 * Since I made changes directly to the css in the main twentyeleven folder, I just
   copied and pasted it as the new css in the new folder.
    SO I have the entire 
   css in there and don’t need to import that from the original, or do I? I figure
   the original will be updated at some point and return to normal, but mine will
   still be used right? So how about all the customizations that aren’t there now?
   Taking a deep breath!
 *  Thread Starter [1centwiz](https://wordpress.org/support/users/1centwiz/)
 * (@1centwiz)
 * [13 years, 10 months ago](https://wordpress.org/support/topic/making-header-smaller/#post-2936191)
 * I went back and reactivated the twenty eleven theme that I have been working 
   on directly and it’s all back again.
 * What am I missing here? All I want to do is keep my settings for the colors, 
   backgrounds etc.
 * I’ve re-read the child themes page and it doesn’t say anything about having to
   redo the menu’s and widgets when using the new css.
 * I guess I’ll just have to keep a copy of it saved for an update and just reinstall
   it?
 *  Thread Starter [1centwiz](https://wordpress.org/support/users/1centwiz/)
 * (@1centwiz)
 * [13 years, 10 months ago](https://wordpress.org/support/topic/making-header-smaller/#post-2936193)
 * Going back to the original, there are no includes in the style sheet that indicate
   the template.
 * The Child theme page says that it will still continue to pull from the parent
   theme folder, but it doesn’t look like it does.
 * SO do I have to copy all of the info in the original file into the child theme
   folder for it to work properly?
 *  Moderator [Ipstenu (Mika Epstein)](https://wordpress.org/support/users/ipstenu/)
 * (@ipstenu)
 * 🏳️‍🌈 Advisor and Activist
 * [13 years, 10 months ago](https://wordpress.org/support/topic/making-header-smaller/#post-2936194)
 * No you don’t.
 * This is the line that includes the style. Put it back in your style.css for the
   child theme 🙂
 *     ```
       @import url("../twentyeleven/style.css");
       ```
   
 *  [Michael](https://wordpress.org/support/users/alchymyth/)
 * (@alchymyth)
 * [13 years, 10 months ago](https://wordpress.org/support/topic/making-header-smaller/#post-2936195)
 * > I’ve lost my widgets, my menu, my pictures for the header, etc.
 * unfortunately, using a child theme is like using a different theme – you need
   to recreate all these things – re-arrange widgets, re-customize header and background(
   you can use the existing uploaded images from the media folder), re-customize
   the menu, etc…

Viewing 15 replies - 1 through 15 (of 16 total)

1 [2](https://wordpress.org/support/topic/making-header-smaller/page/2/?output_format=md)
[→](https://wordpress.org/support/topic/making-header-smaller/page/2/?output_format=md)

The topic ‘Making header smaller’ is closed to new replies.

## Tags

 * [css help](https://wordpress.org/support/topic-tag/css-help/)
 * [header size](https://wordpress.org/support/topic-tag/header-size/)

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 16 replies
 * 4 participants
 * Last reply from: [1centwiz](https://wordpress.org/support/users/1centwiz/)
 * Last activity: [13 years, 10 months ago](https://wordpress.org/support/topic/making-header-smaller/page/2/#post-2936197)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics