Support » Fixing WordPress » 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/
    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, 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
    Version: 1.4.3
    Author: John Turner
    Author URI: 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) no-repeat scroll left top;
    }

    /*.yuimenuitem-hassubmenu {
    background:transparent url(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.