Jump to content

How can i decrease the height of my godaddy website?


Baxorr
 Share

Recommended Posts

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.

Link to comment
Share on other sites

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}

Link to comment
Share on other sites

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.

Link to comment
Share on other sites

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 }

Link to comment
Share on other sites

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.
Link to comment
Share on other sites

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
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...