decrease size of header

  • Resolved skinflint

    (@skinflint)


    14 years 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 – https://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

Viewing 7 replies - 1 through 7 (of 7 total)
  • Alx Block

    (@cronkled)

    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;
}
    Thread Starter skinflint

    (@skinflint)

    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)

    Alx Block

    (@cronkled)

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

    Alx Block

    (@cronkled)

    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.

    Thread Starter skinflint

    (@skinflint)

    wicked !! seems to have worked ! thanks !!

    Alx Block

    (@cronkled)

    Awesome. Looks great!

    Thread Starter skinflint

    (@skinflint)

    thanks

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘decrease size of header’ is closed to new replies.