Different backgrounds when scrolling down

I use steakhouse quickstart on joomla 3.3.6

My question is:
where/how can I set / configure the different BG images - like scrolling down in the demo:

http://demo.gavick.com/joomla25/steakhouse/#restaurant

to specials - see attached screenshot.

By the way what is the best size (also in relation) for bg images used in steakhouse?

Hi,
just replace img: images/demo/specials_bg.jpg - you don't have to be worry about Template updates, this is not related.

In module published on "bottom1" position there is a code:

<div style="background-image: url('https://cdn.gavick.com/joomla25/steakhouse/images/demo/specials_bg.jpg');" class="box parallax gkmod-1"><div class="box-wrap"><div class="content gkPage">

.....more: https://www.gavick.com/documentation/wp ... frame=true
He is responsible for that BG image .

Hi + many thanks for the tip - that works fine.

But may be you can help me out concerning the size of my header image?
I already had asked that in a post about the problem
https://www.gavick.com/forums/steak-house-joomla3/size-gk-header-especially-height-41561.html

I ask this as the image has exactly the size (and height) as the image I just loaded as special.
There it fills the whole screen, but the header image is cut off a piece?
see attached screenshot - (I want to have it same as in steakhouse)

And while looking to it I may have the solution?:
Can the reason for this be that in my site I have no icons/images in the menu below 'discover our restourant' ??

Can the reason for this be that in my site I have no icons/images in the menu below 'discover our restourant' ??

Exactly, that's why you have to add some padding-bottom for text

padding-bottom for text I understand so far
but in which file can I change it.?

About custom CSS - check my footer link.
Or in this module where we had "The Best Steak House is Here"
add this
style="padding-bottom: 64px"

into h2

Code: Select all

<h2 style="padding-bottom: 60px" data-scroll-reveal="enter bottom over .5s after .15s" data-scroll-reveal-id="2" data-scroll-reveal-initialized="true" data-scroll-reveal-complete="true">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean semper orci semper tempus.</h2>

or
into action button code

Code: Select all

<a style="padding-bottom: 60px" data-scroll-reveal="enter bottom over .5s after .25s" class="btn" href="#restaurant" data-scroll-reveal-id="3" data-scroll-reveal-initialized="true" data-scroll-reveal-complete="true">Discover our restaurant</a>

I managed to set a background at #specials
and also to manage the padding bottom - thanks?

But what this post concerns I have a last question (at least I hope to;-)

How can I locate the background image at events & blog in steakhouse demo (see print screen) ?

"The guys in the kitchen" photo is from : templates/gk_steakhouse/images/parallax_bg.jpg
just replace jpg, original size: 1 600px × 639px

Probably this is not your private website, s you don't have to worry - just replace all JPG by yours.
Future Template updates are focused on changes css mostly , not /images - if you know what I mean

worked fine many tks

About hochzeitsautomieten and Special section few suggestions:
"Käfer Events" -->

Code: Select all

.gk-special .gk-special-content .header > small { color: black; }

"Dit is alleen een ..."

Code: Select all

.gk-special-content > p {
    color: white;
}