WordPress.org

1. jitendradarling
   Member
   Posted 2 years ago #

   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

2. esmi
   Theme Diva & Forum Moderator
   Posted 2 years ago #

   Try adding:
   

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

   to your stylesheet.

3. jitendradarling
   Member
   Posted 2 years ago #

   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.

4. esmi
   Theme Diva & Forum Moderator
   Posted 2 years ago #

   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>

5. jitendradarling
   Member
   Posted 2 years ago #

   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

6. esmi
   Theme Diva & Forum Moderator
   Posted 2 years ago #

   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>

7. jitendradarling
   Member
   Posted 2 years ago #

   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.

8. esmi
   Theme Diva & Forum Moderator
   Posted 2 years ago #

   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>

9. jitendradarling
   Member
   Posted 2 years ago #

   Perfect. Thank you so much!

Topic Closed

This topic has been closed to new replies.