Hello,

I am working on a very minimally complex site that will eventually grow with a company, so will start it off without much on the home page.

Is there a way to remove the header image and space from the top of the page?

Thanks

Hi there,

Yes sure it's possible to do that but we might need a little more information.

So do you mean get rid of the header image entirely?

Without any hacks you can add this to the custom.css file to remove the header image:

#topcolour {background:none}

You can also apply a height to that div as well:

#topcolour {height:100px} and that will remove alot of the height.

Thanks

Hello,

Thanks for the input and apologies for the delay in response. I tried it out and the image is now gone (great!) though the height still appears to be larger than the pixel height set in custom css (100px). Am I missing something?

I have attached an image for reference. Essentially, I am looking to have the Home page be blank white with the exception of content added into a custom module, and that content towards the top of the page so it looks appropriately balanced from a visual perspective (without too much blank header space).

The custom.css file reads:

#navwrap.affix {
position: fixed;
}

#gradient {background:#fff}

#topcolour {background:none}

#topcolour {height:100px}


Thank you!

Do you have a link for the site so far - rather than an image?

Cheers
Paul

Hi, it's currently on the host with the host-defined domain name (not the vanity domain that will ultimately be used). I just sent a support ticket with the info (not sure if sharing the host-defined name publicly is of any security concern so just put it in a ticket).

Let me know if you need anything else at all

Thanks,
Dan

ok thanks

You also need to add:

#topcolour {height:100px;min-height:100px}
or set min-height to none perhaps.

Thanks

Worked great.

I ended up setting each to just 1px and the sizing looks good.

Thank you!

Cool thanks for the post back

Cheers
Paul