How can i decrease the height of my godaddy website?

[Baxorr]

I have a website: http://www.2monthstraffic.com where the header is too high, so i wanted to change it using advanced css, however when i change the height here:/*————————————Header————————————*/.sf_header_wrapper {background-image:url(http://i.imgur.com/0QBv29V.png);background-position:top;background-repeat:no-repeat;background-size: 100%;-moz-box-shadow:10px 0px 10px rgba(0, 0, 0, 0.4);-webkit-box-shadow:0px 0px 10px rgba(0, 0, 0, 0.4);box-shadow:0px 0px 10px rgba(0, 0, 0, 0.4);border:solid 10px #fff;clear:both;min-height:20px;height:auto !important;height:477px;width:940px}.sf_main_header {-moz-box-shadow:3px 3px 5px rgba(0, 0, 0, 0.4);-webkit-box-shadow:3px 3px 5px rgba(0, 0, 0, 0.4);box-shadow:3px 3px 5px rgba(0, 0, 0, 0.4);clear:both;float:left;font-size:3.2em;margin:250px 0 0 -23000px;padding:20px;position:relative;zoom:1;}.sf_main_header:after {background-repeat:no-repeat;bottom:-8px;content:’.';font-size:0;height:8px;left:0;position:absolute;width:13px;}Nothing happens. My theme is Accountant, and if this is the wrong place to change the header height please tell me where i elsewhere should do it.

[dsonesuk]

These are the file locations that require adjusting http://www.2monthstraffic.com/WstUserAdvancedStyles.css?2090736431

sf_header_wrapper {	background-image: url("http://i.imgur.com/0QBv29V.png");	background-position: center top;	background-repeat: no-repeat;	background-size: 100% auto;	border: 10px solid #FFFFFF;	height: 377px;}

http://www.2monthstraffic.com/theme.css?2090736431

.sf_header_wrapper {    background-image:url(images/784_accountant.jpg);    background-position:top;    background-repeat:no-repeat;    background-size: 100%;    -moz-box-shadow:0px 0px 10px rgba(0, 0, 0, 0.4);    -webkit-box-shadow:0px 0px 10px rgba(0, 0, 0, 0.4);    box-shadow:0px 0px 10px rgba(0, 0, 0, 0.4);    border:solid 10px #fff;    clear:both;    min-height:467px;    height:auto !important;    height:477px;    width:940px}

[Baxorr]

I can't seem to do this from the advanced design options?

[justsomeguy]

Sounds like a problem with the host. Open whatever stylesheets you can customize and search the code for "sf_header_wrapper". If your host doesn't make it possible to edit those files then I guess that's a limitation you have to deal with with that host.

[Baxorr]

My host is godaddy, and i found it, however changing the height in the code below, doesn't do anything, not even after i published the website. Even if i delete the height entirely then publish it, nothing happens, any ideas? When i submitted a ticket, i was told they couldn't provide help with advanced coding? .sf_header_wrapper {background-image:url(http://i.imgur.com/0QBv29V.png);background-position:top;background-repeat:no-repeat;background-size: 100%;border:solid 10px #fff; height:377px }

[justsomeguy]

It's the same issue. If you open your site with Google Chrome and right-click on your header element and select Inspect Element, you'll see the developer tools open with the sf_header_wrapper div highlighted. On the right side you can see all of the styles that apply to it and where they come from. The height that is being applied comes from the theme.css file, and is set to height: auto !important;. So it's set for auto-height, meaning that it will adjust to fit the contents. There is also a minimum height defined in the same rule. It looks like the minimum height is the issue, if I disable that property it will shrink. Maybe add your own minimum height property to a new style sheet to set it at 0, to override the other one. You can use !important to make sure it uses your rule instead of the other one.

When i submitted a ticket, i was told they couldn't provide help with advanced coding?

Yes, that is the standard answer from GoDaddy.

[davej]

I count over 40 divs in this page. Maybe 6 or 8 are needed?

[MarkT]

My host is godaddy, and i found it, however changing the height in the code below, doesn't do anything, not even after i published the website. Even if i delete the height entirely then publish it, nothing happens, any ideas? When i submitted a ticket, i was told they couldn't provide help with advanced coding? .sf_header_wrapper {background-image:url(http://i.imgur.com/0QBv29V.png);background-position:top;background-repeat:no-repeat;background-size: 100%;border:solid 10px #fff; height:377px }

You want to make the header appear lower down the page?Do a margin-top: 10px;in the main header div that encloses everything in the header