Moving the Page Title in Wordpress Theme

Discussion in 'HTML & Website Design' started by netgo, Sep 17, 2009.

  1. #1
    Hi,

    I am using the Tao of You wordpress theme and I cannot find where in the stylesheet (or should it be someplace else?) I change the code in order to move the page title to a higher place (it has a huge white space between the header and the page title - you can see here: http://yfrog.com/0mspacennj)

    So if anyone can help, I am attaching the stylesheet and a huge thank you in advance...


    /*
    Theme Name: Tao of You
    Theme URI: http://journal.barleyhut.com.com
    Description: Based on a modified Basic Concept Wordpress theme created by <a href="http://wpdesigner.com">Small Potato</a>. Puts your writing in focus, and as clean as new sheets.
    Version: 1.0
    Author: A.M. Griffin
    Author URI: http:/journal.barleyhut.com
    */
    body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td { margin:0; padding:0; }
    html>body { font-size: 13.5px; }
    body{ background: #f2f2f2; color: #333; font-family: Geneva, Helvetica, Calibri, Arial, FreeSans, sans-serif; font-size: 88%; text-align: center; vertical-align: top; }
    p{ line-height: 1.6; margin: 1.5em 0 1.5em 0; }
    h1, h2, h3, h4, h5, h6 { font-family: Helvetica, Calibri, Arial, FreeSans, sans-serif; font-weight: normal; }

    /* header - top navigation*/

    #header{ border-top: 5px solid #450c07; text-align: center; width: 100%; }
    #header h1{ background: #5d1117; color: #f2f2f2; font-size: 3em; padding: 9px 0 9px 0; text-align: center; width: 100%; }
    #header h1 a{ color: #f2f2f2; }
    #header h1 a:hover { color: #cc6666;}
    #top-menu { background: #5d1117; border-bottom: 2px solid #450c07; padding-bottom: 1em; text-align: center; width: 100%; }
    #top-menu ul { font-family: Georgia; font-size: 1.2em; margin: 0 auto; text-align: center; width: 100%; }
    #top-menu ul li { display: inline; padding: 0 18px 0 0; }
    #top-menu span {color: #e0e0e0;}
    #top-menu a { color: #aeaeae; text-decoration: none;}
    #top-menu a:hover { color: #fff; text-decoration: none; }
    #top-menu ul li a.current, #navigation ul li a.current:visited, #navigation ul li a.current:hover {border-bottom: 1px dotted #fff; color: #fff; font-weight: 300;}

    /* main content*/

    #container { background: #fff url(images/bg_container.gif) repeat-x; clear: both; float: left; text-align: left; width: 100%;}
    .page { margin: 0 auto; width: 750px; }
    .hentry p.twitter { background: #fafafa url(images/icon-twitter.jpg) no-repeat left center; border-bottom: 2px dotted #5a5a5a; border-top: 1px dotted #5a5a5a; font-size: 90%; padding: .5em 1.0em .5em 1.0em;}
    .post h2 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; margin-top: 1.5em; }
    .post h2 a { color: #000; text-decoration: none; }
    .post h2 a:hover { color: #5d1117; text-decoration: none; }
    .post h3 { font-size: 2.35em; /* 38pt */ line-height: 0.62; margin-bottom: 0.62em; margin-top: 0.62em; }
    .post h4 { font-size: 1.8em; /* 29pt */ line-height: 0.828; margin-bottom: 0.828em; margin-top: 0.828em; }
    h4.archives { font-size: 1.8em; /* 29pt */ line-height: 0.828; margin-bottom: 0; margin-top: 1.656em; }
    .post h5 { font-size: 1.25em; /* 20pt */ line-height: 0.9; margin-bottom: 0.9em; margin-top: 0.9em;}
    .post h6 { font-size: 1em; /* 16pt */ line-height: 1.125; margin-bottom: 1.125em; margin-top: 1.125em; }

    /* post styling*/
    .entry-content ul, ol{ list-style-type: inside; }
    .entry-content ul li{ list-style-type: square; list-style-image: url(images/li_arrow.gif);}
    ul.asides{ line-height: 1.5; margin-bottom: 4.5em; margin-top: 3em; }
    ul.asides li{ background: #fafafa url(images/icon-monkey.jpg) no-repeat left center; border-bottom: 2px dotted #5a5a5a; border-top: 2px dotted #5a5a5a; font-family: Constantia, Georgia, FreeSerif, serif; list-style: none; padding: .5em 2.75em .5em 2.75em; }
    p.postscript { background: #f5f5f5; border-bottom: 1px solid #aeaeae; border-top: 1px solid #aeaeae; font-size: 12px; margin-bottom: 3em; margin-top: 3em; padding: 12px; text-align: center; }
    p.publish-info { font-size: 12px; background: #f5f5f5; border-bottom: 1px solid #aeaeae; border-top: 1px solid #aeaeae; padding: 12px; text-align: center; }
    .recent-posts { background: #f5f5f5; float: right; margin-bottom: 3em; width: 370px;}
    .related-posts { background: #f5f5f5; float: left; margin-bottom: 3em; width: 370px;}
    .recent-posts h4, .related-posts h4 { background: #5d1117; color: #fff; border-bottom: 9px solid #fff; border-top: 6px solid #993333; font-family: Constantia, Georgia, FreeSerif, serif; margin: 0; padding: 9px 0 9px 0; text-align: center; }
    .recent-posts ul li, .related-posts ul li {list-style: none; }

    /* linkage*/
    a{ color: #993333; text-decoration: none;}
    a:hover{color: #cc6666; text-decoration: none;}
    a.email{ background: transparent url(images/icon-email.gif) no-repeat right center; padding-right: 15px; }
    a.feed{ background: transparent url(images/feed_bullet.gif) no-repeat right center; padding-right: 15px;}
    a.entry-title { background: url(images/DaoTao.jpg) no-repeat left center; padding-left: 1.5em;}


    /* images*/
    img.wp-smiley { background:transparent none; border: 0; padding: 0;}
    img.centered {display: block; margin-left: auto; margin-right: auto; max-width: 100%;}
    img.alignright {float:right; margin: 0 0 2px 7px; max-width: 100%; padding: 4px;}
    img.alignleft { float:left; margin: 0 7px 2px 0; max-width: 100%; padding: 4px;}
    input, textarea {font: 12px Helvetica, Calibri, "Trebuchet MS", sans-serif; padding: 2px;}
    input#s, input#author, input#email, input#url, textarea#comment {padding: 3px;}
    input#author, input#email, input#url {margin: 0 5px 0 0;}

    blockquote { font-family: Constantia, Georgia, FreeSerif, serif; margin: 0 3em 0 3em;}
    em {font-family: Constantia, Georgia, FreeSerif, serif;}
    .entry-content p.pullquote { color:#444; float:right; font-size: 1.2em; line-height: 1.4em; margin-left:10px; padding-bottom: 10px; text-align: right; width:200px;}
    .boxcap { color: #fff; background: #5d1117; display: inline; float: left; font-size: 2.3em; margin: .2em .2em 0 0; padding: .1em .4em;}
    small {font-size: 12px;}
    code { background: #f1f7f6; border-bottom: 1px solid #eee; border-top: 1px solid #eee; display: block; font: 400 1em courier, monospace !important; line-height: 120%; margin: 15px 0; overflow: auto; padding: 10px; white-space: pre;}

    /* comments*/
    .comments-template h3 { background: #5d1117; border-bottom: 5px solid #450c07; border-top: 6px solid #993333; color: #fff; font-family: Constantia, Georgia, FreeSerif, serif; margin: 1.5em 0 1.5em 0; padding: 12px; text-align: center; text-transform: lowercase; }
    .comment-meta {margin: 10px 0 10px 0;}
    .comment-meta img {margin: 10px 0 10px 0;}
    .comment-text {margin: 10px 0 10px 0;}
    h4.comments-header { border-bottom: 2px dotted #DDD; margin: 2px 0 10px 0;}
    h5.openid { background: #fff url(images/icon-openid.gif) left no-repeat; margin-top: 15px; padding: 0 0 0 18px;}
    h5.login { background: #fff url(images/vine-small.jpg) left no-repeat; margin-top: 15px; padding: 0 0 0 24px;}
    #comments-form {margin: 4em 0 0 0;}
    #comments-form a img {border:none !important;}
    h4.comments-form {margin: 15px 0 0 0;}
    #respond {font-size: 105%;}
    #trackbacks {margin: 0 0 2em 0;}
    .comment-author, .comment-date {font-size: 1.2em;}
    .even {background: #F0F0F0;}
    .odd {background: #FAFAFA;}
    .highlight {background: #FFFFE5;}
    /*o0o: post navigation {working with the cutline theme's navigation.php}*/
    .navigation { float: left; font-size: 12px; margin: 1.5em 0 1.5em 0; width: 750px;}
    .previous { float: left; padding: 0 20px 0 0; }
    .next { float: right;}
    .clear { clear: both; height: 1px; width: 750px; }
    /*o0o: the search form */
    #searchform { background: #eee; border: 3px solid #666; margin: 30px 0 20px 0; padding: 30px; width: 450px;}
    #search input { background: #fff; border: 1px solid #999; color: #444; margin-left: 20px; padding: 3px;}
    /* o0o: the funky footer */
    #footer-wrap{ background: #f5f5f5; border-bottom: 5px solid #450c07; border-top: 2px dotted #5a5a5a; float: left; width: 100%;}
    #footer { margin: 0 auto; width: 760px;}
    #footer h4 { background: url(images/vine.gif)no-repeat left center; color: #993333; font-size: 2.35em; margin: 18px 0 0 0; padding-left: 60px;}
    #footer li.widget h2 { background: url(images/vine.gif)no-repeat left center; color: #993333; font-size: 2.35em; margin: 18px 0 0 0; padding-left: 60px;}
    #footer span { color: #5d1117;}
    #footer .author-info { margin: 0 100px 18px 0; width: 360px; float:left; text-align: left;}
    #footer .author-info img { border: 2px solid #bbb; background: #fff; margin: 18px 0 0 0; padding: 0.625em;}
    #footer p.twitter { background: #f5f5f5 url(images/icon-twitter.jpg) no-repeat left center; padding-left: 22px;}
    #footer ul.art { list-style-type: none; margin-top: 18px; text-align: center;}
    #footer ul.art img {border: 2px solid #bbb; background: #cc6666; margin: 9px;}
    #footer .sidebar { float:right; margin: 0 0 18px 0; width:300px; text-align: left; }
    #footer .sidebar ul { list-style-type: none; margin: 18px 0 36px 0;}
    #footer li.widget { list-style-type: none; }
    #footer li.widget li {background: #f5f5f5 url(images/DaoTao-small.jpg) no-repeat left center; padding-left: 22px;}
    li.widget_flickrrss a img { background:#e0e0e0; margin:9px 5px 5px 0; padding:5px; }
    li.widget_flickrrss a:hover img { background:#bbb;}
    #footer ul li.nav li { background: transparent url(images/DaoTao-small.jpg) no-repeat left center; padding-left: 22px; }
    #footer ul li ul li.twitter{ background: transparent url(images/icon-twitter.jpg) no-repeat left center; padding-left: 22px;}
    #footer li ul li.tumblr{ background: transparent url(images/DaoTao-small.jpg) no-repeat left center; padding-left: 22px;}
    #footer li ul li.cocomment{ background: transparent url(images/icon-cocomment.jpg) no-repeat left center; padding-left: 22px;}
    #footer li ul li.magnolia{ background: transparent url(images/icon-magnolia.jpg) no-repeat left center; padding-left: 22px;}
    #footer li ul li.flickr{ background: transparent url(images/icon-flickr.jpg) no-repeat left center; padding-left: 22px;}
    #footer li ul li.lastfm{ background: transparent url(images/icon-lastfm.jpg) no-repeat left center; padding-left: 22px;}
    #footer li ul li.backpack{ background: transparent url(images/icon-backpack.jpg) no-repeat left center; padding-left: 22px;}
    #footer li ul li.library{background: transparent url(images/icon-library.jpg) no-repeat left center; padding-left: 22px;}
    #footer li ul li.digg {background: transparent url(images/icon-digg.jpg) no-repeat left center;padding-left: 22px;}
    #footer li ul li.youtube {background: transparent url(images/icon-youtube.jpg) no-repeat left center;padding-left: 22px;}
    #footer li ul li.virb {background: transparent url(images/icon-virb.jpg) no-repeat left center;padding-left: 22px;}
    #footer li ul li.facebook {background: transparent url(images/icon-facebook.jpg) no-repeat left center;padding-left: 22px;}
    #footer li ul li.delicious {background: transparent url(images/icon-delicious.jpg) no-repeat left center;padding-left: 22px;}
    #footer li ul li.mybloglog {background: transparent url(images/icon-mybloglog.jpg) no-repeat left center;padding-left: 22px;}
    .credits { background: #5d1117; border-bottom: 5px solid #450c07; color: #fff; text-align: center; width: 100%;}
    .credits a {color: #f2f2f2;}
    .credits a:hover {color: #e0e0e0;}

    /*o0o: styling the plugins */

    img.gravatar {margin:0 0 0 3px; padding: 5px; float:right; border:1px solid #E0E0E0; background: #fff;}
    a.extlink { /* For Link Indication Plugin */ background: transparent url(images/external-link.png) no-repeat right center; padding-right: 10px;}
    #live-preview {margin: 20px 0 100px 0;}
    .breadcrumb { background: transparent url(images/icon-star.gif) no-repeat left center; font-family: Constantia, Garamond, Georgia, FreeSerif, serif; margin: 3em 0 -1.5em 0; padding: 0 0 0 15px;}
     
    netgo, Sep 17, 2009 IP
  2. ErikTheRed

    ErikTheRed Peon

    Messages:
    33
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Without looking at the actual html it is kind of hard to tell, but I imagine that "Best Offers" would be your h1 tag, and "About" would be your h2 tag.

    So if that's the case, then you would probably want to modify this line in your css:
    .post h2 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; margin-top: 1.5em; }
    HTML:
    and change "margin-top: 1.5em" to a smaller value (maybe something like margin-top: 0.25em;").

    Hope it helps.
    Erik
     
    ErikTheRed, Sep 17, 2009 IP
  3. netgo

    netgo Active Member

    Messages:
    279
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    75
    #3
    It worked!

    Thank you very much Erik!
     
    netgo, Sep 17, 2009 IP