Header image is not adjusting properly

There is an in-line style that is being used to set the 179px. It is overriding the 370px since it is in-line.

<style type=”text/css”>#header .inner{height: 179px}</style> line 41 of HTML.

Michael

yes that’s what I’ve discovered as well. My question would be how do I get rid of that in line style?

Try this at line 38 in the style.css.

#header .inner {
background:url(“images/header_bg.png”) no-repeat scroll center center transparent;
height:370px !important;

Michael

Nice! That fixed it Michael, thank you so much! What exactly did we do?

Would you be able to tell how to disable the @ and the key at the bottom of the grey content box? When I just remove the picture the links are still there, but I just want to disable them.

One solution would be to place then off the page.

Try this at line 1003 in the style.css

#page .miniLinks {
background:none repeat scroll 0 0 red;
bottom:0;
height:30px;
position:absolute;
right:-220px;
width:80px;

Michael

You may want to do that at -330 to get them all the way.

Michael

If I did that, would they still potentially show up if someone had a big monitor?

Yes it would.

This is controlled by these lines at about 1030 in the style.css.

If you disable the URL in the “#page .miniLinks a” line and delete the color of the “#page .miniLinks” it will disappear.

#page .miniLinks {
background:none repeat scroll 0 0 red;
bottom:0;
height:30px;
position:absolute;
right:60px;
width:80px;
}
#page .miniLinks a {
background:url(“images/icons-links.png”) no-repeat scroll 0 0 transparent;
display:block;
float:left;
height:30px;
position:relative;
text-indent:-9999px;
width:40px;

Michael

You will need to disable the URL on this line so it will not show when you hover over.

#page .miniLinks span {
background:url(“images/icons-links.png”) no-repeat scroll 0 0 transparent;
display:block;
height:30px;
left:0;
position:absolute;
top:0;
width:40px;

Thank you very much for the help!!!

Hey Michael, would you be able to figure this out?