WordPress.org

1. gurlgonebonkers
   Member
   Posted 1 year ago #

   I'm trying to add a header that is 1005x350 to the very top of my blog. Trying to change the height from 130 to 350 in the stylesheet is working, but the navigation isn't moving down.

   Where do I place the image in the stylesheet and how do I get the navigation to move down. The placement compared to the top of the blog area itself is where I'd like it to stay, but just 350 pixels down from the top.

   http://dfwdownunder.com/

   Thanks

2. WP Bum
   Member
   Posted 1 year ago #

   If you use all the exact code you should get what you want. Make a backup of style.css first!

   Edit style.css

   Background - Change bp.gif to new image

   body {
   background:url("images/bp.gif") no-repeat scroll center top #F3F2E8;
   color:#35383D;
   font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
   font-size:12px;
   margin:0;
   padding:0;
   }

   Header Height - Add height 350px

   .Header {
   height:350px;
   margin:0 auto;
   width:1005px;
   }

   Menu Bar - Edit top to move down - the 4th number in Padding to move right. I dont know where you want it.

   .Menu {
   float:left;
   padding:0 0 0 90px;
   position:absolute;
   top:350px;
   width:470px;
   }

   Id also make this change to push the content down some depending on where you want the menu bar.

   .CON {
   background:none repeat scroll 0 0 #FFFFFF;
   border:1px solid #E1DFD0;
   float:left;
   padding:50px 15px 5px 25px;
   width:965px;
   }

3. gurlgonebonkers
   Member
   Posted 1 year ago #

   Thanks! :)

   I do have another question though... I've already used a background that I'm repeating (on another test site). I was planning to use the header image as a separate image on top of the background. Is this possible? I've been trying to add an image to the stylesheet in both the header and logo area, but it's not showing up. Not sure what I'm doing wrong or how I can add a header pic to the middle top and on top of the background image that I've got repeating in the background.

4. gurlgonebonkers
   Member
   Posted 1 year ago #

   here's my test site that I'm using so I can copy the css code later: http://www.purifybeats.com/news/

   You can see I've got the area moved now so I can fit my header image. I just don't know how to get it to show up top and middle of the page and on top of the background but underneath the menu.

   I'm VERY new to CSS. I've worked a lot with html+tables, but this php+css has really thrown me for a loop. I appreciate the help.

5. gurlgonebonkers
   Member
   Posted 1 year ago #

   Figured it out! Put it as a background image. :) Thanks for the help on moving the text for the menu wpbum!

6. WP Bum
   Member
   Posted 1 year ago #

   No problem

   Make sure you mark the thread resolved. :)

Topic Closed

This topic has been closed to new replies.