• Resolved jitendradarling

    (@jitendradarling)


    I’m using the Carrington theme. I loaded a custom header just fine, but the Title text in the header along with the main page links are floating too high. How do you move them back down?
    jitendradarling.com

Viewing 8 replies - 1 through 8 (of 8 total)
  • Try adding:

    #header #blog-title,#header #blog-description {
    position:relative;
    top:20px;
    }

    to your stylesheet.

    Thread Starter jitendradarling

    (@jitendradarling)

    I copied the code above to the end of the Stylesheet (style.css)

    Is that the right place because it didn’t affect the header title.

    Oh – now I remember why I dislike Carrington. It uses custom stylesheets that are difficult to adjust directly. Try editing header.php instead and just before <?php wp_head(); ?>, add:

    <style type = "text/css">
    #header #blog-title,#header #blog-description {
    position:relative;
    top:20px;
    }</style>

    Thread Starter jitendradarling

    (@jitendradarling)

    Beautiful. That worked perfectly for the main title.

    The page links and the Site admin & logout links still need to come down so they sit just above the bottom of the header. They’re floating in the middle of the header right now.
    jitendradarling.com

    Try changing:

    <style type = "text/css">
    #header #blog-title,#header #blog-description {
    position:relative;
    top:20px;
    }</style>

    to:

    <style type = "text/css">
    #header #blog-title,#header #blog-description {
    position:relative;
    top:20px;
    }
    #navigation {
    position:relative;
    top:30px;
    }

    That last line might need tweaking a little to get the positioning just right. Simply add or subtract a couple of px at a time until you get the layout you want.
    </style>

    Thread Starter jitendradarling

    (@jitendradarling)

    Excellent! That worked to move the links down.Got them exactly where I want them.

    However, when I applied those changes, I lost the custom color to the header background as well as the tag-line color. They still show like they’re in effect, but the default has somehow taken over.

    Sorry! My bad post formatting: Try:

    <style type = "text/css">
    #header #blog-title,#header #blog-description {
    position:relative;
    top:20px;
    }
    #navigation {
    position:relative;
    top:30px;
    }
    </style>
    Thread Starter jitendradarling

    (@jitendradarling)

    Perfect. Thank you so much!

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Header title too high-how to fix?’ is closed to new replies.