Chaning background images for Frontpage header and About

Hi,

I want to change the frontpage header background (steak in the demo) to a different image. I tried changing the image from Module Manager --> Header --> Options --> Select a Background-Image, but that didn't do the job.

I managed to change the image 'Specials' background-image by following the same method as above and it worked there.

Wondering if there's something to be done from some CSS codes?

Likewise, I want to replace the image used in the About page.

Can someone please help me with this?

Thanks in advance.

Found out the solution to change the About page background.

Still no clues with the frontpage.

Hello,

You can replace the background image for the header in the css/template.css file in the following fragment:

Code: Select all

.frontpage #gkHeader {
   background: url('../images/header_bg.jpg') no-repeat center top;
   background-attachment: fixed;
}

Thanks for the reply dziudek.

I followed that and replaced the image, but the output is a white background which gets darker as you scroll down with the header module details appearing as you scroll.

How do I fix this?

Your solution worked. Thanks for the support dziudek.