Title: Header Editing Twordder
Last modified: August 19, 2016

---

# Header Editing Twordder

 *  [frockshopstyle](https://wordpress.org/support/users/frockshopstyle/)
 * (@frockshopstyle)
 * [15 years, 12 months ago](https://wordpress.org/support/topic/header-editing-twordder/)
 * I am having a challenge filling a large blank space in my header. I am using 
   Twordder and there is a “custom” header feature. I am able to add my logo(draft)
   image but there is not available space that extends across the page.
    Does anyone
   have any idea how I would do about adding HTML in the blank Space. The CSS code
   is very minimal on Header options? The site address is frockshopblog.com. Here
   is the CSS code:
 * /*
    Theme Name: Twordder Theme URI: [http://johndturner.com/wordpress-stuff/themes/twordder/](http://johndturner.com/wordpress-stuff/themes/twordder/)
   Description: Twitter inspired theme. Twordder is more of a framework than just
   a theme. You choose your layout, colors and background image. Features Include:
   Custom Background, Sidebar, Text, Links,and Sidebar Border Colors, Automatically
   pull color palettes from [ColourLovers.com](http://colourlovers.com), Custom 
   Background Image, Custom Logo, Custom Page Width, Left or Right Sidebar, Customize
   Sidebar Width, Rounded Corners in Firefox, Safari, and iPhone, Drop Down Menu
   Support, Facebook Connect Support, Threaded Comments, Gravatar Support, Microformats,
   Sticky-Post Class Support. Widgetized Blog Header, Footer and Page Sidebar. Theme
   by [johndturner.com](http://johndturner.com) Version: 1.4.3 Author: John Turner
   Author URI: [http://johndturner.com/](http://johndturner.com/) Tags: two-columns,
   custom-colors,custom-header,theme-options,threaded-comments */ /* Base */ /* 
   base.css, part of YUI’s CSS Foundation */ h1 { font-size:50px; } h2 { font-size:
   42px; } h3 font-size:33px; } h1,h2,h3 { /* top & bottom margin based on font 
   size */ margin:0 0; } h1,h2,h3,h4,h5,h6,strong { /*bringing boldness back to 
   headers and the strong element*/ font-weight:bold; } abbr,acronym { /*indicating
   to users that more info is available */ border-bottom:1px dotted #000; cursor:
   help; } em { /*bringing italics back to the em element*/ font-style:italic; }
   del { text-decoration:line-through; } blockquote,ul,ol,dl { /*giving blockquotes
   and lists room to breath*/ margin:1em; } ol,ul,dl { /*bringing lists on to the
   page with breathing room */ //margin-left:2em; } ol li { /*giving OL’s LIs generated
   numbers*/ list-style: decimal outside; } ul li { /*giving UL’s LIs generated 
   disc markers*/ list-style: disc outside; } dl dd { /*giving UL’s LIs generated
   numbers*/ margin-left:1em; }
 * th {
    /*distinguishing table headers from data cells*/ font-weight:bold; text-
   align:center; } caption { /*coordinated margin to match cell’s padding*/ margin-
   bottom:.5em; /*centered so it doesn’t blend in to other content*/ text-align:
   center; } small { font-size:200%; } p,fieldset,table,pre { /*so things don’t 
   run into each other*/ margin-bottom:1em; } /* setting a consistent width, 750px;
   control of type=file still not possible */ input[type=text],input[type=password],
   textarea{width:12.25em;*width:11.9em;}
 * input[type=button],input[type=submit]{
    border:1px solid #CECECE; margin:5px 
   0; padding:4px 15px; background-color:#fff; cursor: pointer; }
 * /* End – Base */
 * /* WordPress Generated Classes – DO NOT CHANGE */
    .aligncenter, div.aligncenter{
   display: block; margin-left: auto; margin-right: auto; }
 * div.aligncenter img{
    padding:0 10px; border: 1px solid #ddd; }
 * .alignleft {
    float: left; }
 * img.alignleft{
    margin:0 10px; border: 1px solid #ddd; padding:3px; background-
   color:#fff; }
 * .alignright {
    float: right; }
 * img.alignright{
    margin:0 10px; border: 1px solid #ddd; padding:3px; background-
   color:#fff; }
 * .alignnone {
 * }
 * img.alignnone {
    margin:0 10px; border: 1px solid #ddd; padding:3px; background-
   color:#fff; }
 * .wp-caption {
    border: 1px solid #ddd; text-align: center; background-color: #
   f3f3f3; padding-top: 4px; margin: 10px; /* optional rounded corners for browsers
   that support it */ -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-
   border-radius: 3px; border-radius: 3px; }
 * .wp-caption img {
    margin: 0; padding: 0; border: 0 none; }
 * .wp-caption p.wp-caption-text {
    font-size: 50px; line-height: 17px; padding:
   0 4px 5px; margin: 0; } /* End – WordPress Generated Classes – DO NOT CHANGE */
 * /* General */
 * body {
    margin:0; font-family: “landsdowne”; color: #000000; font-size: 17px;
 * }
 * a{
    //color:#ccc; text-decoration:none; } a:hover{ //color:#ccc; text-decoration:
   underline; }
 * #hd { font-size: 22pt;
 * }
 * #bd {
    margin-top:25px; }
 * #ft{
    margin-top:15px; margin-bottom:20px; padding-top:10px; padding-bottom:10px;
   font-size:20px; text-align:center;
 * }
 * #footer-content, .footer-wrapper{
    position:relative; padding:7px; }
 * #ft p,fieldset,table,pre {
    /*so things don’t run into each other*/ margin-bottom:
   0; }
 * .a-left{
    text-align:left; } .a-right{ text-align:right; } .clear{ clear:both;}
 * .relative{
    position:relative; }
 * hr{
    border:none; border-top: #ccc 1px dashed; }
 * h1 {
    text-align:left; font-size:50px; }
 * blockquote{
    border-left:1px dashed #ccc; background:#F5F5F5 none repeat scroll
   0 0; padding:5px; }
 * .contact-form textarea{
    width:90%; }
 * /* End – General */
 * /* Custom */
    .page { padding-top:15px !important; } #nav-wrapper{ float:right;
   position:relative; padding:3px;
 * }
 * #nav-padding{
    margin-top:0px; }
 * .main-wrapper{
    padding: 3px; position:relative ; }
 * #content{
    position:relative;
 * }
 * .main-wrapper-wide{
    background-color:#fff; padding: 3px; }
 * .sidebar-wrapper{
    position:relative; padding-top:3px; }
 * /* YUI adjustments */
    .yui-t1 .yui-b {float:left;width:12.30769em;*width:12.00em;}.
   yui-t1 #yui-main .yui-b{margin-left:12.30769em;*margin-left:12.00em;}
 *  .yui-t2 .yui-b {float:left;width:13.8461em;*width:13.50em;}
    .yui-t2 #yui-main.
   yui-b {margin-left:13.8461em;*margin-left:13.50em;}
 *  .yui-t3 .yui-b {float:left;width:23.0769em;*width:22.50em;}
    .yui-t3 #yui-main.
   yui-b {margin-left:23.0769em;*margin-left:22.50em;}
 *  .yui-t4 .yui-b {float:right;width:13.8456em;*width:13.50em;}
    .yui-t4 #yui-main.
   yui-b {margin-right:13.8456em;*margin-right:13.50em;}
 *  .yui-t5 .yui-b {float:right;width:18.4615em;*width:18.00em;}
    .yui-t5 #yui-main.
   yui-b {margin-right:18.4615em;*margin-right:18.00em;}
 *  .yui-t6 .yui-b {float:right;width:23.0769em;*width:22.50em;}
    .yui-t6 #yui-main.
   yui-b {margin-right:23.0769em;*margin-right:22.50em;}
 * /* YUI Menu */
 * #navmenu{
    position:relative ! important; z-index: 99 ! important; }
 * .yuimenubar{
    background-color: transparent; } .yuimenubaritem { background-color:
   transparent ! important; } .yuimenubaritem-selected { color: #000; } .yuimenubaritemlabel{
   border:none; padding-right:20px; }
 * .yuimenubaritemlabel-selected {
    color: black; } .yuimenu{ border:0; } .bd{ background-
   color: transparent; } .yuimenuitem { background-color: #fff; } .yuimenuitem-selected{
 * }
    .yuimenuitemlabel { padding:5px; font-weight:bold; } .yuimenubarnav ul ul .
   yuimenuitemlabel { padding-right:20px; }
 * .yuimenuitemlabel-selected {
    color:#000; }
 * .yuimenubar .first-of-type{
    padding:0px; } .yuimenubaritem-hassubmenu { background:
   transparent url([http://yui.yahooapis.com/2.6.0/build/menu/assets/menubaritem_submenuindicator.png](http://yui.yahooapis.com/2.6.0/build/menu/assets/menubaritem_submenuindicator.png))
   no-repeat scroll left top; }
 * /*.yuimenuitem-hassubmenu {
    background:transparent url([http://yui.yahooapis.com/2.6.0/build/menu/assets/menuitem_submenuindicator_selected.png](http://yui.yahooapis.com/2.6.0/build/menu/assets/menuitem_submenuindicator_selected.png))
   no-repeat scroll right; }*/
 * /* End – YUI Menu */
 * /* Post */
 * .narrowcolumn{
    padding: 0 15px 15px 15px; }
 * .narrowcolumn small, .widecolumn small{
    color:#666; }
 * .widecolumn{
    padding: 0 15px 15px 15px; }
 * .widecolumn h2,.widecolumn h3,.narrowcolumn h2,.narrowcolumn h3 {
    margin-top:
   15px; }
 * .postmetadata{
    display:none;input[type=button] }
 * .post{
    padding:10px 0 0 0; border-bottom:1px #ccc dashed; margin-bottom:10px;
   font-size: 17pt; }
 * .navigation{
    padding:10px 0 0 0; }
 * .widecolumn .navigation{
    padding:10px 0 30px 0 ; margin: 0 0 20px 0; border-
   bottom:1px #ccc dashed; }
 * .widecolumn .entry{
    padding-top:10px; border-top:1px #ccc dashed; }
 * .entry{
    margin-top:10px; } .more-link{ display:block; float:right; } /* Sidebar*/#
   sidebar{ margin:3px; padding:0 5px 10px; position:relative; } #sidebar h2{ margin:
   15px 0 5px 0; font-size: 24pt; }
 * #sidebar li {
    list-style:none; padding:0px; margin-bottom:10px; font-size: 19pt;
 * }
 * #sidebar ul{
    padding:0px; margin:10px 5px 10px 5px; }
 * #sidebar ul li ul li{
    list-style:circle; padding:0px; margin-bottom:2px; } #
   sidebar ul li ul{ margin-left:20px; } /* Comments */ .commentlist li { list-style:
   none; }
 * .commentlist p {
    clear:both; padding-top:10px;
 * }
 * .says {
    display:none; }
 * .avatar{
 * }
 * #comment{
    width:100%; height:150px; font-size: 18pt; }
 * #get-avatar{
    border-left:1px dashed grey; margin-left:9px; margin-top:6px; padding-
   left:9px; padding-top:6px; font-size: 18pt; }
 * #co-title{
    margin-left:15px; font-size: 22pt; } .children{ margin:10px 0 10px
   20px; }
 * #respond {
    margin: 10px 0; font-size: 20pt; }
 * .comment-u{
    border-top:1px dashed #ccc; padding-top:10px; font-size: 18pt; }
 * .trackback-wrapper{
    padding-top:10px; }
 * .comment-rss{
    margin-left:5px;
 * }
 * .comment-img{
    vertical-align:middle; margin-left:3px; }
 * #comments{
    display:inline; }
 * /* Facebook Connect */
 * .fb_profile_pic_rendered{
    } .fbc_profile_header{ font-size:300%; } .fbc_connect_button_area{
   float:none; }
 * .fb_profile_pic_rendered{
    float:none; } /* End – Facebook Connect */
 * #ymp-btn-buy{
    display:none !important; }
 * #ymp-getplayer{
    display:none !important; }
 * #ymp-yahoo-logo{
    display:none !important; }
 * /* Overlays */
 * #sidebar-overlay{
    position:absolute; width: 100%; bottom:0; top:0; left:0;
 * }
 * #nav-overlay{
    position:absolute; width: 100%; bottom:0; top:0; left:0; background-
   color: #fff ;
 * }
 * #footer-overlay{
    position:absolute; width: 100%; bottom:0; top:0; left:0; background-
   color: #fff ;
 * }
 * #main-overlay{
    position:absolute; background-color:#fff; width: 100%; bottom:
   0; top:0; left:0;
 * }

The topic ‘Header Editing Twordder’ is closed to new replies.

## Tags

 * [add](https://wordpress.org/support/topic-tag/add/)
 * [Blank](https://wordpress.org/support/topic-tag/blank/)
 * [header](https://wordpress.org/support/topic-tag/header/)
 * [html](https://wordpress.org/support/topic-tag/html/)
 * [widget](https://wordpress.org/support/topic-tag/widget/)

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 0 replies
 * 1 participant
 * Last reply from: [frockshopstyle](https://wordpress.org/support/users/frockshopstyle/)
 * Last activity: [15 years, 12 months ago](https://wordpress.org/support/topic/header-editing-twordder/)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics