How to change header height? « Support Forum | Kriesi.at

Support Forum » Newscast

How to change header height?

5 posts from 5 voices

Started 2 years ago by ChadFox
Latest reply from Dude
This topic is not resolved

Tags:

ChadFox
Member

Hello and thanks for making some great themes, I've bought a few now.

I would like to change the height of my header in newscast so I can fit a larger logo image there, but after a few hours of testing different css styles and trying to force height in the header.php itself, I have found no solutions. That header just won't budge!

Your help would be greatly appreciated.

Posted 2 years ago #
jimshaki
Member

Go to:

Appearance
Editor

Then look at the very bottom right for Style. There you will see: Stylesheet and under that style.css

That what you want. Make sure you save a copy incase you make a mistake. Then scroll down the code until you see the following:

************************************************************************
HEAD AREA
*************************************************************************/

#top .logo, #top .logo a{
display:block;
height:70px;
width:338px;
position:absolute;
left:20px;
top:13px;
border: none;
padding: 0;
margin:0;
z-index: 10;
}

Change the height and width accordingly.

Hope this helps,

Jim Shaki

Posted 2 years ago #
James Morrison
Former Team Member

Hey!

You can always use FireBug to find the CSS you need to change - that what I do :)

Best regards,
James

Posted 2 years ago #
lenrap
Member

I have started a new site and can't seem to adjust the code in the style.css as you explained above.

My logo is 466px wide and the same height as the default 70 px, but it doesn't seem to take the change to the 466 pxs I need,

/************************************************************************
HEAD AREA
*************************************************************************/

#top .logo, #top .logo a{
display:block;
height:70px;
width:466px;
position:absolute;
left:20px;
top:13px;
border: none;
padding: 0;
margin:0;
z-index: 10;
}

If you go to the site you will see it is cutting it off at the original 250 px. What did I miss?

http://crocehomeimprovement.com

Thanks,

Len

Posted 2 years ago #

Dude
Dude

Hey,
search for following code in style.css and change the width as you like:

#top .logo, #top .logo a{
display:block;
height:70px;
width:250px;
position:absolute;
left:20px;
top:13px;
border: none;
padding: 0;
margin:0;
z-index: 10;
}

Posted 2 years ago #

RSS feed for this topic