Header image height change!

Hello Friends,
where can change the header image of the height?
I would like to be the height 450px displayed only!

header1.jpg

I want that it looks, height with 450px! (see second picture)

header2.jpg

When I type this code in the override.css, then happens here! (see third image)

Code: Select all

.single-page > .header {
    background-repeat: no-repeat;
    background-size: 100% 450px;
}



header3.jpg

Thanks in advance!

Many Greetings
Sakari

Could you please post an url to your site?

The site is not yet online, but the same can be seen even on Gavick demo page, or not?

https://demo.gavick.com/joomla25/photo/

The question is, where can I change it?

You mean more like single article:
https://demo.gavick.com/joomla25/photo/ ... le-article
than main page?
Or both?

Now I do not understand your question, what do you mean both?

Look this page:

https://demo.gavick.com/joomla25/photo/ ... p/about-us

The top image I want to change the height that it is not so high!
The width should already be left as it is just so right and left to the screen.

Do you understand what I mean? ... With my bad English!

Oh, sorry, I wrongly interpreted the first image in your question... And was thinking that somehow you would like to modify "header" size of the homepage.
The element you are referring to is so called "Featured image" and can be controlled from template settings -> Images tab.
Under the thin grey line you will find definitions of header image height for different screen sizes - so you can modify them separately for large desktops, small desktop, tablet etc.

Yes that's it!
Somehow I completely missed this setting!

Many Thanks!

No problem
Is there anything else I can help you with regarding this topic?