WordPress.org

1. skinflint
   Member
   Posted 1 year ago #

   My current header is 938 pixels wide by 250 pixels high but I want to decrease the height size to 180 pixels.

   My blog is - http://www.wotyougot.com/

   Is it as simple as re-sizing the image or do I need to go into the coding as well? If so which template do I need to alter ?

   By changing the height of the header will the rest of the page move upwards or do I have to change the coding elsewhere as well ?

   Thanks

2. Elixr
   Member
   Posted 1 year ago #

   You need to change the height in your style.css file:
   Change it from this:

   #intro
   {
   clear: both; background: #fff url(images/teaser.jpg) no-repeat; height: 250px; padding: 20px 0 0 20px;
   }

   to this:

   #intro
   {
   clear: both; background: #fff url(images/teaser.jpg) no-repeat; height: 180px; padding: 20px 0 0 20px;
   }

3. skinflint
   Member
   Posted 1 year ago #

   great ! i've changed that, now how do i get the rest of the page to move up - the advert and the two columns (main and left sidebar)

4. Elixr
   Member
   Posted 1 year ago #

   You should try resizing that header image to be a height of 180.

5. Elixr
   Member
   Posted 1 year ago #

   You can also play around with the: top: XXXpx in the following areas of that same CSS file:

   #quote

   It could look like this:

   #quote{
   	text-align: center;
   	position : absolute;
   	top : 280px;
   	left : auto;
   	right : auto;
   	width : 938px;
   	z-index : 50;
   }

   Do the same with #side_left and #main (they could both be 380px instead of 450px) and I think you'll have what you're looking for.

6. skinflint
   Member
   Posted 1 year ago #

   wicked !! seems to have worked ! thanks !!

7. Elixr
   Member
   Posted 1 year ago #

   Awesome. Looks great!

8. skinflint
   Member
   Posted 1 year ago #

   thanks

Topic Closed

This topic has been closed to new replies.