How to add background picture in module named Header

Hi
How to add background picture in module named Header (position: header) which is created by html?

You need to use override.css and background-image property.
Could you please post an url to your site - I'll provide more detailed informations?

Hi,
where can find the override.css you mentioned?

I want to know how to change the background pictures of the first module in Home of EVENT Template DEMO.
(The picture in DEMO is a lecturer in class with a lot of audience)
ps. This module's position is in header, and typing with "WEB DESIGN & DEVELOPMENT RESPONSIVE WEBDESIGN
May 21-28, 2014 in Chicago, USA." and with Register and watch video.

and the back picture in Venue can be changed, but header seems not work.

To replace the image you can either edit file:
/templates/gk_events/images/header_bg.jpg

or use override css and create new file, for example if you upload your new background image to:
/templates/gk_events/images/my_new_header_bg.jpg
please edit: /templates/gk_events/css/override.css and add at its end:

Code: Select all

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


Remember to enable "CSS override" in template settings - advanced section.

Hi there,
I've got the same problem. i have tried to insert the background picture through the header module- options. doesn't work. i have tried to edit the picture in gk_events - images- header_bg.jpg. doesn't work. If i try to create css override just like you wrote before the background gets white.

You wrote i have to add the css script at the end of the override.css file.. there is nothing in this file apart from comments (*/).
Thank you
Marten

If you have pasted my code and background went white - something has happened. Probably it points to a non existing file.
Could you please post an url to your site?

Hai,
I have the same problem. The background image not showing.
Development site : v3.haiblogger.com

@Halim Brothers - your override is empty.

Hi there,
I've got exactly the same problem. I have tried to insert the background picture through the header module- options. doesn't work. I have tried to edit the picture in gk_events - images- header_bg.jpg. doesn't work. If i try to create css override just like you wrote before the background gets white. ah!, I Remember to enable "CSS override" in template settings - advanced section but the background image not showing.

You wrote I have to add the css script at the end of the override.css file.. there is nothing in this file apart from comments (*/).

Thank you

Development site : huajuapan.enunclic.mx