Change bg_demo.jpg to a png-file

I would like to replace /templates/gk_restaurant/images/style1/typography/bg_demo.jpg with images/schoolbord.png. Where can this be changed?

Please edit: /templates/gk_restaurant/css/override.css and add at its end:

Code: Select all

#gkBg {
background-image: url('http://fullurltoyour.site/images/schoolbord.png');
}


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

But this code changes /templates/gk_restaurant/images/style1/bg_image.jpg instead of /templates/gk_restaurant/images/style1/typography/bg_demo.jpg.

Provided code links to /images/schoolbord.png in root of your site (as that is what you have asked for).
If you wish to target:
background-image: url('/templates/gk_restaurant/images/style1/bg_image.jpg');
use

Code: Select all

background-image: url('../images/style1/bg_image.jpg');


If you wish to target:
/templates/gk_restaurant/images/style1/typography/bg_demo.jpg
then use:

Code: Select all

../images/style1/typography/bg_demo.jpg


I want to use /images/schoolbord.png instead of /templates/gk_restaurant/images/style1/typography/bg_demo.jpg.

Because #gkBg seems to be replace the sites background-image instead of the blackboard-image, I figure this is not right.

Could you please post a screenshot which exactly background would you like to replace?

(bg_demo.jpg)

Code: Select all

.gkHeader {
background-image: url('http://fullurltoyour.site/images/schoolbord.png');
}


Tnx Cyberek, works great.

Sorry it took so long - all the time I was thinking you like to change main background . Screenshots are the best solution, I need to ask them at the beginning .

Right. If you want more tips, just ask