Using a background for a section

Hi,

Is there anyway to use different background for each "section".

For example in the "restaurant - welcome to steak" section, i would like to use other background color/image.

Hi,
sure, each section has different CSS ID - it means that using your basic CSS skills you can add your own background color or image.

Ok, where is the css files located? Which css file scould i modify?

Its this section which i mean: http://s23.postimg.org/l1oaiez2z/gavick.jpg

Ok, where is the css files located? Which css file scould i modify?

In a galaxy far, far away....
https://www.gavick.com/documentation/jo ... mplate-css

Its this section which i mean: http://s23.postimg.org/l1oaiez2z/gavick.jpg

About background only, please use:

#restaurant {
background: red;
}

and your custom code there inside, like: background-image, background-size, etc...
it should be easy even for beginner.
Read also: https://www.gavick.com/documentation/jo ... und-images

I have been trying this option :

#restaurant{
background-color:#000;
}

But the problem is that it changes the background-color for the whole site

try with

body.frontpage #restaurant{
background-color:#000;
}

so it will override only on homepage.

I tried that one also, but it still does the same. it effects also other pages.

but class frontpage is used only on homepage....
did you removed old code also? let me check

Yes i did it, and it doesnt work..

And where is the background code for the "menu" section? Do you know it?

In general:
#gkHeaderNav { }
and after scroll down
#gkHeaderNav.active { }

Do you mean general.css? I dont have general.css in gk_steakhouse folder... I only have it in beez3 and system folders.

I didn't written in general.css file, please think twice, before you will write next post.
Relax and just add my code into custom css field in template settings,
of course add your own styles inside { } .

No you did not, but you didnt either tell me in template setting!

Im talking about the menu section, not the menu bar. So place you too read before you reply!

I have been trying to ask you for help now a few days, but you can not still help me.

In free time, after cap of coffee read: https://www.gavick.com/documentation/jo ... mplate-css

..but you can not still help me.

Because sometimes members do not let to help them. My solution worked on my demo page.
Besides ... customization task is not a part of our support help.

Ok i understand that its not a part of your support help, but if you have a member/customer who askes for something i think you scuold even tell them something.

I have been asking forexample that where the section css files are for the backgrounds, i have been looking in every file but still didnt find them. If you sell something you scould also answer.

I think that guide will help to upgrade your knowledge: https://www.gavick.com/documentation/jo ... ss-changes.

And some theory:
if class frontpage (for body) is used on homepage only, as it's.
so if you will use
body.frontpage #restaurant { ... }
will be used only there,
so if you click another menu item, "frontpage" class will disappear from body tag.
but of course it was only academic theory based on gk templates.

I understand, but how about the "menu section / gkbottom2", i also have a issue there and i cannot change the background color/image of it. Even when i try to overrite it.

Default Bottom2 from demo is much more complicated:

#gkBottom2 .box-wrap {
background: red;
}

and

Thank you sir,

Uffff this time worked. I'm so glad.