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?