Change only frontpage header height

Hey,

How to change only frontpage header height? Because if I am changing the height under templates images tab, it changes all headers?

Hi,
I will give you a clue, because I think you are smart guy, this is important part of header code inside default template

#gkHeader {background-size: cover !important}

Sorry, but I can't figure it out...

Someone? I nedd to change header image height only on the frontpage and I cant figure out the code...
Thanks!

I can only guess that you're using Quark with default style.
Try this:

#gkHeaderMod img {height:500px; top: 30% !important;}
.frontpage #gkHeaderMod, .frontpage .blog-page > .header, .frontpage .single-page > .header, .frontpage .search-page .header
{height:500px;}

No it doesnt work, the image height by default is 500px on my site and yes i am using quark.
I tried this code and it works just I do not know how to assign it fronpage only.

@media screen and (min-width: 1920px) {
#gkHeaderMod,
.blog-page > .header,
.single-page > .header,
.search-page .header { height: 500px; }
}

One of solution would be using a Custom CSS module and assign to hompage only...
or add extra page suffix to that homepage and add it also to my last code.

How to add extra page suffix with that code?
web url: http://demo.macawlab.com/dukes/

Read:
https://www.gavick.com/documentation/jo ... omla-pages

I know how to add it, but the code does not work...

but dude, on your site you do not have any other content only header.
also you used different values on override.css line 31 and other..
If I would use #gkHeaderMod img {
top: 90% !important;
} you will reduce top padding

..but sorry I cannot help you , I'm confused what you really need.

Okay, yes i do not have anything except Header. And i want to to change header height only on homepage ( ID=640) to make it full screen. If I modify height under template>images tabs, headers changes in all pages, what i do not want to. What I am looking for is separately change header's in homepage height. Like I said, this code works, But I can't assign it to .frontpage suffix:

Code: Select all

#gkHeaderMod,
.blog-page > .header,
.single-page > .header,
.search-page .header { height: 500px; }
}

I just was playing with that code to make it work, thats why I changed the values... But I couldnt make it work.

I added your code as you said right now, you can check it.

Please, can someone help me with the code?